Question

我有这个例子：Fiddle

目前，当我点击标题时，内容会显示CSS中具有“title”类的所有项目。我希望这只是你点击的项目。

我该如何解决这个问题？

重要的是，我希望保持相同的班级名称。

代码HTML：

   <div class="title">Title 1
    <p style="display:none;">CONTENT 1</p>
</div>

<div class="title">Title 2
    <p  style="display:none;">CONTENT 2</p>
</div>

代码Javascript：

jQuery(document).ready(function($) {

    $(document).ready(function() {
        $(".title").click(function() {
            $("p").slideToggle("slow");
        });
    })
});

编辑：

$(document).ready(function(){
   $(".titlu").click(function(){
       $(this).find$(".top").slideToggle("slow"); //here I think there is a syntax error
    });

});

如何在那里建立“查找”连接？

http://fetr.zonedesign.ro/programe-optionale/

这里我尝试实现这个例子。如果你点击标题，虽然我做了（我认为）

但没有任何反应

Answer 1

您需要使用$.fn.find()

获取当前匹配元素集中每个元素的后代，由选择器，jQuery对象或元素过滤。

代码的

struct Node
{
    Node() : client(nullptr), parent(nullptr), left(nullptr), right(nullptr) {}
    ~Node();
    Client* client;
    Node*   parent;
    Node*   left;
    Node*   right;
};

DEMO

您也可以使用$.fn.children()，但$(".title").click(function () { $(this).find("p").slideToggle("slow"); //OR, $("p", this).slideToggle("slow"); });方法与.children()的不同之处在于，.find()仅在.children() {DOM}树中向下移动一层可以遍历多个级别以选择后代元素（孙子等）。

此外，您应该只使用一个文档就绪处理程序。

.find()

Answer 2

$("p").slideToggle("slow"); // this will select all p tags in your DOM.

因此，使用this定位当前元素并使用.find（）查找当前元素中的p元素。

试试这个：

jQuery(document).ready(function($) {

$(document).ready(function(){
   $(".title").click(function(){
        $(this).find("p").slideToggle("slow");
    });
});


});

DEMO

Answer 3

jQuery(document).ready(function($) {

$(document).ready(function(){
 $(".title").click(function(){
    $(this).find("p").slideToggle("slow");

});

});
});

您刚刚点击的操作项

3 个答案: