Question

在下面的代码中，我试图找出一种只删除单词Welcome!的方法。使用jQuery最有效的方法是什么？

<div>
  Welcome!
  <div class="lorem">
    <p>blah blah blah</p>
  </div>
  <ul class="list">
    <li>blah blah</li>
    <li>blah blah</li>
  </ul>
</div>

Answer 1

如果它始终是第一个节点，你可以这样做：

$("div").first().contents().first().remove();

Answer 2

试试这个：

$(function(){
var x = $('div:eq(0)').html().replace('Welcome!','');
$('div:eq(0)').html(x);
})

http://jsfiddle.net/rbgBf/1/

Answer 3

它可能不是最漂亮的，但这会奏效：

var parent = $(".lorem").parent();
parent.html(parent.children());

一个工作示例：http://jsfiddle.net/QsPYB/

如何使用jQuery删除div中的一行文本？

3 个答案: