仅在第一个li中找到h2

Question

我想让jquery在旋转木马的第一个li中定位一个h2，然后我会添加一些css。

作为一个基本的例子我到目前为止

$('li').first().css('background-color', 'red');

仅针对李。那我怎么去目标h2来应用css？它会使用.find属性吗？

我知道我可以在CSS中执行此操作，但是希望在jquery中执行此操作，因为它将在jquery中添加其他功能。

Answer 1

  

“它会使用.find属性吗？”

嗯，是的，find() method（不是属性）是一种方法：

// all h2 elements within the first li:
$('li').first().find('h2').css('background-color', 'red');
// or just the first h2 within the first li:
$('li').first().find('h2').first().css('background-color', 'red');

Answer 2

或者您可以尝试h2在DOM中向li降低一级：

// all h2 elements within the first li:
$('li').first().children('h2').css('background-color', 'red');

因为find（）多级使得它变慢。

  

.children（）方法与.find（）的不同之处在于.children（）只沿DOM树向下移动一个级别，而.find（）可以遍历多个级别以选择后代元素（孙子等）同样。 documented here

Answer 3

试试这个：

$('li:first h2').css('background-color', 'red');