ネストされたスパン要素jqueryのInnerhtmlを取得しますか？

Question

だけ

>私は mark johnを必要と私は出力/警報に=のような何かを与える=>

alert($('#select2-SearchByUser-container').html()) 

を試してみてください

<span class="select2-selection__rendered" id="select2-SearchByUser-container" title="chowdhury , nayan (nayanchowdhury92@gmail.com)"> 
    <span class="select2-selection__clear">×</span> 
    mark john 
</span> 

.. nestate spanタグの内部HTMLを取得したいです

<span class="select2-selection__clear">×</span>mark john 

私が得ることができる方法はありますかmark john ...助けてください...

Answer 1

は、あなたがこのように、あなたは要素の最後のtextNodeを取得することができます必要なものを実行します。

var text = $('#select2-SearchByUser-container').contents().filter(function() { 
 
    return this.nodeType == 3 && this.nodeValue.trim(); 
 
}).last().text().trim(); 
 

 
console.log(text);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span class="select2-selection__rendered" id="select2-SearchByUser-container" title="chowdhury , nayan (nayanchowdhury92@gmail.com)"> 
 
    <span class="select2-selection__clear">×</span> mark john 
 
</span>

Answer 2

はこれを試してみてください：

https://jsfiddle.net/4nwp25Le/

jQuery(document).ready(function() { 
    var node = $('#select2-SearchByUser-container').contents().filter(function() { 
    return this.nodeType == 3; // text node 
    }); 
    alert(node.text()); 
}); 

Answer 3

のHTMLこれまでのところ良いことではありません。できるだけ修正すれば、 m。

あなたがHTMLを制御していない場合、この

$('#select2-SearchByUser-container').clone().children().remove().end().text() 

https://jsfiddle.net/qspoygox/

Answer 4

var el = document.getElementById("select2-SearchByUser-container"), 
 
    child = el.firstChild, 
 
    texts = []; 
 

 
while (child) { 
 
    if (child.nodeType == 3) { 
 
     texts.push(child.data); 
 
    } 
 
    child = child.nextSibling; 
 
} 
 

 
var text = texts.join(""); 
 
alert(text);

<span class="select2-selection__rendered" id="select2-SearchByUser-container" title="chowdhury , nayan (nayanchowdhury92@gmail.com)"> 
 
    <span class="select2-selection__clear">×</span> 
 
    mark john 
 
</span>