javascript - Jquery html() の問題

Question

次のコードでhtmlマークアップを自分に入れようとしていますarray

//my htmlData which is entered by user so it could be varies.
<em>test</em> here for the testing purpose
second line <strong>texts</strong> here

arrayを使用して保存したい

var data = [];
$(htmlData).contents().each(function(){
           data.push($(this).html().trim());
     }

しかし、私はエラーが発生しましたUncaught TypeError: Cannot call method 'trim' of null.

$(this).html()を返す理由がわからないnull。

誰でもここで私を助けることができますか? どうもありがとう！

Answer 1

$(htmlData).contents() が有効な jQuery オブジェクトを返すと仮定すると、.trim() の代わりに $.trim($(this).html()) を使用します。

Answer 2

text nodes.それらにはプロパティがないため、それらinnerHTMLをフィルタリングしてみてください

var data = [];
$(htmlData).contents().each(function(){
     var nodeType = this.nodeType;
     if(nodeType === 1) { // Will only select element nodes
        data.push($.trim($(this).html()));
     } 
     else if(nodeType === 3) {
        data.push($.trim(this.nodeValue));
     }
}

.nodeValueetextノードのデータにアクセスするために使用できます

Answer 3

innerHTMLテキスト ノードにはプロパティがありません。