Question

我正在尝试使用jquery

删除特定标记后出现的文本

我的HTML代码是

<div class="myclass">
    <a href="#"></a>
    <a href="#"></a>
    Hey I want to delete this text
</div>

Jquery的

$(document).ready(function() {
   $('.myclass').each(function() {
      // Confused here
      $(this).children(':nth-child(3)').text(''); 
   });
});

我猜这个班里没有第三个孩子。任何想法都将不胜感激。

Answer 1

你可以这样做：

$(document).ready(function () {
    $('.myclass').each(function () {
        // Confused here
        $(this).contents().filter(function () {
            return this.nodeType === 3 && $.trim(this.nodeValue).length;
        }).replaceWith('');
    });
});

<强> Fiddle Demo

Answer 2

Fiddle Demo

$(document).ready(function () {
    $('.myclass a:eq(1)')[0].nextSibling.remove();
});

<小时/> :eq() Selector

要匹配的元素的从零开始的索引

$('.myclass a:eq(1)')在类a

的元素中获得第二个myclass标记

而不是.nextSibling和.remove()

Answer 3

你可以这样做：

$(document).ready(function() {
  $('.myclass').find('a:last')[0].nextSibling.remove();
});

Answer 4

试试这个：

$(".myclass").contents().filter(function(){ return this.nodeType == 3; }).remove();

<强> Working Demo

Answer 5

$('.myClass').html($('.myClass').html().substring(0,$('.myClass').html().lastIndexOf(">")))

我也遇到了类似的问题。这也可能对你有所帮助 How do I select text nodes with jQuery?

在第二个<a> tag using Jquery</a>之后删除文字

Jquery的

5 个答案: