Question

我有以下div：

<div class="alert alert-danger alert-dismissible fade in" style="display:none;">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
                    </div>

我需要在</button>代码后添加文字并将其删除。

我的代码是：

$('This is a test').insertAfter('.alert alert-danger > button');

所以预期的出现应该是：

<div class="alert alert-danger alert-dismissible fade in" style="display:none;">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
This is a Test
                        </div>

但是没有用。

我想删除将会是这样的：

$('.alert alert-danger > button').nextAll().remove();

有任何线索吗？

Answer 1

这里的语法错误。你的代码有$（＆＃34;这是一个测试＆＃34;），它正在寻找一个这是一个测试错误的标签

我刚刚模拟了文本元素的插入和删除在我的代码onload中，它插入一个带有一些文本的div标签，然后点击删除按钮就可以删除它

检查以下代码段

＆＃13;

$(function(){
  var div=$("<div></div>");
  div.html("This is test div");
  
  div.insertAfter( $( ".alert button" ));
  
  $("#remove").click(function(){
   $(".alert").find('button').nextAll().remove();
  });
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="alert alert-danger alert-dismissible fade in" >
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>

<input type=button id="remove" value=remove>

＆＃13;

希望有所帮助

Answer 2

将文本换行并插入元素。删除比通过jQuery没有直接方法访问它们的文本节点解析要容易得多

$('<span>').text('This is a test').insertAfter('.alert.alert-danger > button');

现在nextAll（）。remove（）也应该起作用

请注意，$('some text')对$()

无效

jQuery insertAfter一个带有类的div里面的按钮

2 个答案: