javascript - 在javascript中引用子元素

Question

我正在使用以下代码来向 li 元素添加一个类。

JavaScript

$(document).on('click', '.sidenav .page_item_has_children', function({
    $(this).addClass('side_open').siblings.removeClass('side_open')
})

如您所见，它指的是被单击的元素，在本例中为 li。我需要将其应用于 li 的子元素，即 ul，以便可以显示下拉列表。我假设我基本上需要以下内容，但我无法解决。

$(document).on('click', '.sidenav .page_item_has_children', function({
    $(child).addClass('side_open').siblings.removeClass('side_open')
})

如果有人对如何做到这一点有任何想法，那就太好了!

谢谢 - 斯科特

Answer 1

使用 jQuery，您可以尝试 jQuery(this).find('ul') 或 jQuery(this).children('ul');

另请参阅:How to get the children of the $(this) selector?

使用 $(this).find('ul'); 返回所有 ul 是你引用的 li 的后代或$(this).children('ul') 仅查找一级后代。