如何添加z-index jquery css

Question

我有这个：

jQuery('td:contains("Yesss")').closest('tr').css('background-color','#ddf8dd')

如何正确添加z-index：200？

谢谢！

Answer 1

最简单的方法是将对象传递给.css()方法，即：

jQuery('td:contains("Yesss")').closest('tr').css({
    'background-color': '#ddf8dd',
    'z-index': 200
});

请注意，z-index必须用单引号括起来，否则JS会将-解释为数学减/减运算符。当然，您总是可以使用camelCase编写密钥，即：

jQuery('td:contains("Yesss")').closest('tr').css({
    backgroundColor: '#ddf8dd',
    zIndex: 200
});

如果要在单独的行中分配z-index，可以执行以下操作：

jQuery('td:contains("Yesss")').closest('tr').css('background-color', '#ddf8dd');
jQuery('td:contains("Yesss")').closest('tr').css('z-index, 200);

虽然不是很高效或漂亮，但却有很多臃肿。您可以缓存选择器：

var $el = jQuery('td:contains("Yesss")').closest('tr');
$el.css('background-color', '#ddf8dd');

// Some lines later
$el.css('z-index', 200);

Answer 2

对象键应该更改为zIndex，就像backgroundColor一样。 任何虚线名称都应该是camelcased。

Answer 3

$('td:contains("Yesss")').closest('tr').css({
 'background-color': 'red',
 'z-index':'200'
})

如果tr位置绝对

，这将有效