Javascript 分别瞄准每个部门

我试图在单击标题时切换div。我想到了这个

$( '.industrial-product' ).find('.show-features').click(function() {
    $('.industrial-product').find('.ip-features').toggle();
});

使用标记

<div class="industrial-product">
<a href="#" class="show-features"><h3>Title</h3></a>
<div class="ip-features">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae modi ex iste deleniti soluta esse recusandae eveniet deserunt animi, officia suscipit voluptatibus temporibus excepturi nemo quaerat eius sequi aut unde.
</div>

Lorem ipsum dolor sit amet，奉献精英。不存在反复出现的解决方案的分子，除其他原因外，由临时官员负责。

---

这基本上就是我想要的，即在单击标题时显示ip features div，但这会显示/隐藏页面上的所有内容。我有8个产品，都需要单独切换。任何帮助都将不胜感激

这应该很容易做到。如果我理解正确，你只想显示和隐藏被点击的那个。您需要使用$（this）作为目标，因为它是标题的同级，请转到其父级，然后查找标题

试试这个：

$( '.industrial-product' ).each(function(){
  var $root = $(this);
  var $ip = $root.find('.ip-features');

  $root.find('.show-features').click(function() {
    $ip.toggle();
  });
});

HTML

---

这应该很容易做到。如果我理解正确，你只想显示和隐藏被点击的那个。您需要使用$（this）作为目标，因为它是标题的同级，请转到其父级，然后查找标题

试试这个：

$( '.industrial-product' ).each(function(){
  var $root = $(this);
  var $ip = $root.find('.ip-features');

  $root.find('.show-features').click(function() {
    $ip.toggle();
  });
});

HTML

---

确保您参考了单击发生的位置的上下文，并找到了要隐藏的正确的

.ip features

div：

$( '.industrial-product' ).find('.show-features').click(function() {
    $(this).parent('.industrial-product').find('.ip-features').toggle();
});

---

确保您参考了单击发生的位置的上下文，并找到了要隐藏的正确的

.ip features

div：

$( '.industrial-product' ).find('.show-features').click(function() {
    $(this).parent('.industrial-product').find('.ip-features').toggle();
});

试试这个：

$( '.industrial-product' ).each(function(){
  var $root = $(this);
  var $ip = $root.find('.ip-features');

  $root.find('.show-features').click(function() {
    $ip.toggle();
  });
});

试试这个：

$( '.industrial-product' ).each(function(){
  var $root = $(this);
  var $ip = $root.find('.ip-features');

  $root.find('.show-features').click(function() {
    $ip.toggle();
  });
});

使用

$（this）

以单击的特定元素为目标，而不是与选择器匹配的所有元素

$(".industrial-product").click(function() {
    $(this).find(".ip-features").toggle();
});

另外，在使用事件绑定方法时，不需要使用

.each（）

。jQuery会自动将其应用于与选择器匹配的所有元素（通常，jQuery会在有意义时执行此操作）。

使用

$（this）

以单击的特定元素为目标，而不是与选择器匹配的所有元素

$(".industrial-product").click(function() {
    $(this).find(".ip-features").toggle();
});

---

另外，在使用事件绑定方法时，不需要使用

.each（）

。jQuery会自动将其应用于与选择器匹配的所有元素（通常，jQuery会在有意义时执行此操作）。

应该是

父项（pural）。我不敢相信这么多人同时回答，却没有一个人答对。（编辑：这个标记确实有效，抱歉，但这并不难回答一般问题）parent也有效<代码>父级

用于遍历多个级别以查找祖先。还有，很多人都能用Anwers你说得对，我编辑了我的信息。不过，他可能会在两天内回来，在中间添加一个div，这将避免使用家长。一般来说，最好对您的标记结构保持安全。应该是父母（pural）。我不敢相信这么多人同时回答，却没有一个人答对。（编辑：这个标记确实有效，抱歉，但这并不难回答一般问题）parent也有效<代码>父级用于遍历多个级别以查找祖先。还有，很多人都能用Anwers你说得对，我编辑了我的信息。不过，他可能会在两天内回来，在中间添加一个div，这将避免使用家长。一般来说，最好对你的标记结构保持安全。为什么不留下评论就否决投票呢。我觉得这个答案不错。将其指定给变量是一种很好的做法。帮助确定范围。如果你否决了这样一个很好的答案，请留下评论。这样每个人都可以学习。我也不认为有理由否决这个答案。谢谢你的回复。为什么不发表评论就否决投票呢。我觉得这个答案不错。将其指定给变量是一种很好的做法。帮助确定范围。如果你否决了这样一个很好的答案，请留下评论。这样每个人都可以学习。我也不认为有理由否决这个答案。谢谢你的回复。太棒了。。谢谢胡安娜维索姆。。谢谢你，胡安