如果有这样的内容，将其追加到下一个元素中。

Question

我正在检查内容，我想添加按钮的右边按钮。

遵循我的代码：

​

jQuery(document).ready(function(){
    jQuery('.btn-click').click(function(){
        $("p:contains(Test 2)").find('.view').append('<button>View-2</button>');

    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <button class="btn-click">Click Me</button>
  <p>Test 1</p> <button class="view">View</button>
  <p>Test 2</p> <button class="view">View</button>
  <p>Test 3</p> <button class="view">View</button>

​

Answer 1

由于button不是您p的子程序，所以您必须使用.next('.view')而不是.find('.view')

Demo

​

jQuery(document).ready(function() {
  jQuery('.btn-click').click(function() {
    $("p:contains(Test 2)").parent().find('.view').append('<button>View-2</button>');
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="btn-click">Click Me</button>
<div>
<p>Test 1</p> <span>Test Span</span> <button class="view">View</button>
</div>
<div>
<p>Test 2</p> <span>Test Span</span> <button class="view">View</button>
</div>
<div>
<p>Test 3</p> <span>Test Span</span> <button class="view">View</button>
</div>

​