除了最后和倒数第二个孩子之外，我如何获得元素的内容（内部html）？

Question

所以我有这样的事情：

<span class="a"> Contents <span class="b">Herp</span><br></span>

... “内容”可能会从字符串，到单张图片到多个换行符 。我需要将“内容”定义为变量，而不是获取b.span和br。

你是怎么做到的？非常感谢你提前！

Answer 1

使用.contents()获取所有内容，然后应用.slice() method切掉最后两个内容：

$("span.a").contents().slice(0,-2)

Answer 2

alert($('span.a').text()); //will alert 'Contents'

Answer 3

var clone = $('span.a').clone();
$('span.b', clone).remove();
var text = clone.text();
console.log(text);

Answer 4

如果您想要除最后两项之外的所有内容，请尝试：

var $content= $(".a").contents();

var htmlnodes = $content.filter(function(ndx) {
  return (ndx < $content.length -2);
});

    console.log(htmlnodes);​

Answer 5

您可以将元素A粘贴在变量中。

var $a = $('.a').children().remove();
alert($('.a').html().append($a));​​

在这个例子中，我们并没有对应该删除或切片的元素数量进行硬编码。它稍微优雅一点。

Answer 6

var c = $('.b').nextAll('br').remove().end().parent().find('.b').remove().end().html();
alert(c)

见here