You do it like this:
$('#bx-next').css('z-index', '-1');
If you want more than one, you can do this:
$('#bx-next').css({
'z-index' : '-1',
'color' : 'red',
'background' : 'blue'
});
You don't need to use {}
if you're only dealing with one element to change.
Also, if this doesn't work there's a good chance that z-index
isn't doing anything (maybe it's not position
'd?
Please note: When a css object has a -
in it, it needs to be surrounded in quotes. z-index
wont work, where as 'z-index'
will.
eg:
$('#bx-next').css(z-index, -1); // wont work
$('#bx-next').css('z-index', '-1'); // works
New answer
$('#bx-next').parent().css('z-index', '-1');
parent()
will get the parent element, which is what is actually changing the links.