单击p.class，隐藏div.class-Jquery

我从一个XML结构创建一个自动生成的页面，它的样式如下

<p class=foo>ClickMe</p>
<div class=foo">
 ###somedata####
</div>

现在所有的“div”元素都将隐藏，“div.nameonlcass”将执行我想要的操作，我已经搜索过了，但还没有找到如何获取类名

我是jquery新手，我认为这是一个非常简单的解决方案

提前感谢。

您需要JQuery的方法

$("p").click(function(){
     $(this).next("div").toggle("fast");
});

您需要JQuery的方法

$("p").click(function(){
     $(this).next("div").toggle("fast");
});

---

这可能是你要找的吗

$('p.foo').click(function() {
   $(this).next('div.foo').toggle("fast");
});

---

这可能是你要找的吗

$('p.foo').click(function() {
   $(this).next('div.foo').toggle("fast");
});

试试这个

$("p").click(function() {
    $(this).next().toggle("fast");
});

试试这个

$("p").click(function() {
    $(this).next().toggle("fast");
});

---

是的，您的代码是正确的，但是直接在选择器中使用标记将把您的逻辑应用到HTML上所有可用的

和

所以你可以用下面的表格写

$(document).ready(function() {
    $("p.foo").click(function(){
       $(this).next("div.foo").toggle("fast");
    })
})

---

是的，您的代码是正确的，但是直接在选择器中使用标记将把您的逻辑应用到HTML上所有可用的

和

所以你可以用下面的表格写

$(document).ready(function() {
    $("p.foo").click(function(){
       $(this).next("div.foo").toggle("fast");
    })
})

---

首先，如果您选择将类添加到html中，请按如下方式操作

<p class="foo">ClickMe</p>
<div class="foo"">
 ###somedata####
</div>

但我更愿意以一种更具活力的方式：

$('p').on("click",function(){
   var classOfP=$(this).attr("class");
   var divSelector = "div."+classOfP;
   $(divSelector).hide();
});

因此，它将获取您单击的p元素的类，并隐藏具有相同类的所有div。有了它，您就可以更有效地构造代码

---

我建议的另一件事是使用

.on（“单击”，…）

，因为事件每次都会被触发，而且如果它在创建后被添加到穹顶中。而

.on（）

是自jQuery 1.7以来事件处理的新“标准”

首先，如果您选择将类添加到html中，请执行以下操作

<p class="foo">ClickMe</p>
<div class="foo"">
 ###somedata####
</div>

但我更愿意以一种更具活力的方式：

$('p').on("click",function(){
   var classOfP=$(this).attr("class");
   var divSelector = "div."+classOfP;
   $(divSelector).hide();
});

因此，它将获取您单击的p元素的类，并隐藏具有相同类的所有div。有了它，您就可以更有效地构造代码

---

我建议的另一件事是使用

.on（“单击”，…）

，因为事件每次都会被触发，而且如果它在创建后被添加到穹顶中。和

.on（）

是自jQuery 1.7以来事件处理的新“标准”

您想要获得哪个类名？您想要获得哪个类名？谢谢您的回答！问题是我不知道类名（因为它是由xml生成的），我只知道单击的“p”与我要隐藏的“div”具有相同的类。如果这些是站点上唯一的，您可以删除.foo。谢谢您的回答！问题是我不知道类名（因为它是由xml生成的），我只知道单击的“p”与我要隐藏的“div”具有相同的类。如果这些是站点上唯一的，您可以删除.foo。