Question

所以这就是我现在所拥有的

javascript的第一部分只是在jQuery lib中调用。由于我没有访问原始文件，我使用自定义css，js插件（请注意这一切都在wordpress中完成）。

如果你点击一个'meer'，它只会打开你点击的那个。如果你按'minder'it很好地关闭你点击的那个。

现在问题，在我的测试区域，如果我点击其中一个按钮，其他5个也打开，哪个源不是预期用途。

有没有解决方案可以解决这个问题？我无法链接到测试环境，因为它是关于尚未发布的产品，所以遗憾的是我无权这样做。

可能是问题：

  $('.wrapper').find('a[href="#"]').on('click', function (e) {

或

$(this).closest('.wrapper').find('.small, .big').toggleClass('small big');

我认为这个问题出现在其中一个问题中。因为我寻找所有'按钮'共同的包装类。

非常感谢任何帮助。

（测试区域上元素的结构）

<div class="column withimage ">
  <div class="column-inner">
    <div class="image" style="background-image: url(http://eperium.com.testbyte.nl/wp-content/uploads/2016/08/Icoon_orientatie_v02.png)"></div>
    <div class="txtwrap"><h4><center>ORIËNTATIE</center></h4>
      <div class="wrapper">
        <div class="small">
          <p style="text-align: center;">
            <span style="color: #000000; font-size: 16pt;">title</span><br>
            <span style="color: #000000; font-size: 12pt;">text<br>more text week. </span></p>
        </div>
        <p style="text-align: center;"><a class="btn" href="#">Meer informatie</a></p>
</div>

Answer 1

你在这个功能中做了什么？

$('.wrapper').find('a[href="#"]').on('click', function (e) {

您需要在$（this）元素上设置您的类，而不是再次使用jquery选择所有元素。

Answer 2

由于最近似乎不可靠（可能只在您的测试区域内），因此尝试使用.parent（）

导航到所需的元素是值得的。

$(this).parent().parent().find('.small, .big').toggleClass('small big');

如果有人对这些差异感兴趣： Difference between jQuery parent(), parents() and closest() functions。根据这一点，最接近应该实际工作，但父母似乎是更安全的方式。

Answer 3

您可以使用Jquery的findByClass。

$('.className')

这将找到使用className的所有元素。

点击我的“按钮”打开所有相同类型的按钮

3 个答案: