Как получить содержимое (внутренний 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

, если вы хотите, все, за исключением последних 2-х элементов попробовать:

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

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

    console.log(htmlnodes);​ 

Answer 4

Вы можете вставить элемент A в переменную.

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

В этом примере мы не закодировав число элементов, которые должны быть удалены или нарезанными или любыми другими. Это немного более элегантно.

Answer 5

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

Answer 6

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

Смотрите его here