jquery - マッチした各要素のinnerHTMLを取得する方法

Question

私にはたくさんの<tr>要素があります。それぞれの重要なものには、「highlight-delete」を含むクラス名が付けられています。それらのセット全体を反復処理し、それぞれを.innerHTMLコンソールに書き込むにはどうすればよいですか? 私はこれを試しましたが、失敗しました

            $.each('tr[class*=highlight-delete]', function (index, item) {
              console.log(item.innerHTML);
            });

score 5 · Accepted Answer

each関数の最初のパラメーターはarrayorobjectである必要があります。文字列を渡しています。

jQuery.each(コレクション、コールバック(indexInArray、valueOfElement))

  $.each($('tr[class*=highlight-delete]'), function (index, item) {
          console.log(item.innerHTML);
  });

score 3 · Accepted Answer

jquery を使用できますhtml() function

 $('tr[class*=highlight-delete]').each(function (index, item) {
      console.log($(item).html());
 });

score 1 · Accepted Answer

$('tr[class*=highlight-delete]').each(function (index, item) {
  console.log(item.innerHTML);
});

score 1 · Accepted Answer

試す

代わりにこれ

item[0].innerHTML;

実際には item.innerHTML または $(item).html() は正常に動作します。

ラップされたセットではなくdomノードを取得しているため、item[0]はそうではありません。

score 1 · Accepted Answer

$.each()セレクターではなくコレクションを最初の引数として取るため、各項目は実際には文字列の各文字です。

文字列をラップしてコレクションに変更するか$()、代替を使用する必要があります$(...).each(function(index, item) {...});

score 0 · Accepted Answer

これにアプローチする簡単な方法は、単純に jQuery のチェーンを利用することです。each返された jQuery オブジェクトで使用します。thisコールバック関数で一致した要素にバインドされます。

$('tr[class*=highlight-delete]').each(function(){
    console.log(this.innerHTML);
});

7 に答える 7