jquery - 最後と最後から 2 番目の子を除く要素のコンテンツ (内部 html) を取得するにはどうすればよいですか?

Question

だから私はこのようなものを持っています:

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

... 「コンテンツ」は、文字列から単一の画像、複数の改行までさまざまです。b.span と br を取得せずに、「内容」を変数として定義する必要があります。

どのようにしますか？事前にどうもありがとうございました！

Answer 1

を使用.contents()してすべてのコンテンツを取得し、.slice()メソッドを適用して最後の 2 つを切り取ります。

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

Answer 2

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

Answer 3

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

Answer 4

要素 A を変数に貼り付けることができます。

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

この例では、削除またはスライスする必要がある要素の数などをハードコーディングしていません。少しエレガントです。

Answer 5

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

ここで見る

Answer 6

最後の 2 項目以外のすべてが必要な場合は、次を試してください。

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

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

    console.log(htmlnodes);​