javascript - Jquery 只切换被点击的 div 下的 p 标签

Question

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

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

但是，这会切换每个 p 标签。我只想切换 div #menuopties 下的 p 标签（已单击）

谢谢。

score 2 · Accepted Answer

您当前的选择器"p"将获取类型的所有元素，p而不是获取p当前对象中的元素。使用find()获取当前元素的后代。您将使用以下方法获取事件对象的来源$(this)

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

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

score 0 · Accepted Answer

更改$('p').toggle();为$(this).children('p').toggle();

$(this)引用当前的 jQuery 对象（在这种情况下包装#menuoptiesDOM 元素），因此运行.children()允许您通过任何您想要的选择器过滤其后代元素（在这种情况下p）。

编辑：正如buzzsawddog 指出的那样，重要的是要注意.children()只返回DOM 中下一层的子元素，所以如果你的p标签不是你的直接子元素，#menuopties你应该使用它.find()。

score 0 · Accepted Answer

0

像这样试试

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

于 2013-10-18T14:26:06.410 回答

score 0 · Accepted Answer

0

怎么样：

$("p", this).toggle();

于 2013-10-18T14:26:09.640 回答

score 0 · Accepted Answer

尝试：

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

希望有帮助。

5 回答 5