javascript - 仅在第一个 li 内查找 h2

Question

我希望 jquery 在轮播的第一个 li 中定位一个 h2，然后我将向其中添加一些 css。

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

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

仅针对 li。然后我如何进入目标 h2 以将 css 应用到？它会使用 .find 属性吗？

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

Answer 1

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

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

// 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() 也可以向下遍历多个级别以选择后代元素（孙子等）。记录在这里

Answer 3

试试这个：

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