javascript - Jquery仅切换单击的div下的p标签

Question

快速、简单的问题。我现在有这个功能；

$("#menuopties").click(function(){
$("p").toggle();
});

但是这会切换每个 p 标签。我只想切换 div #menuoptties 下的 p 标签(已被单击)

谢谢。

Answer 1

当前选择器"p"将获取所有p类型的元素，而不是获取当前对象内的p。使用find()获取当前元素的后代。您将使用 $(this)

获取事件对象的来源

$("#menuopties").click(function(){
   $(this).find("p").toggle();
});

您可以使用 jQuery( selector [, context ] ) 在选择器上下文中传递当前对象

$("#menuopties").click(function(){
   $("p", this).toggle();
});