jqueryのオブジェクト配列elements_jqueryの操作方法を詳しく解説-jsチュートリアル-php.cn

jqueryのオブジェクト配列elements_jqueryの操作方法を詳しく解説

WBOY

リリース： 2016-05-16 16:30:00

オリジナル

1349 人が閲覧しました

コードは次のとおりです:

a

b

c

1. 間違ったメソッド : 次のように [] メソッドを使用して jquery オブジェクト配列を取得することはできません。

コードをコピーしますコードは次のとおりです:

$(function() {

var div_span = $("#div1 スパン");

for( var i = 0; i < div_span.length; i ) {

div_span.[i].html(i);

}

});

これは機能しません。

2. jquery の eq() メソッド

を使用して、次のことを選択できます。

コードをコピーしますコードは次のとおりです:

for( var i = 0; i < div_span.length; i ) {

div_span.eq(i).html(i);

}

3. each() メソッドを使用して :

を走査できます。

コードをコピーしますコードは次のとおりです: $(function() {

var div_span = $("#div1 スパン");

var i = 0;

div_span.each( function(){

$(this).html(i);

私;

});

});

each() をトラバースするときに、$(this) を使用すると、jquery オブジェクトが取得されます。this を直接使用すると、DOM オブジェクトが取得されます。

。純粋な JS コードで取得された DOM オブジェクト配列

、[] を使用して配列要素を取得できます

最後の 3 つの方法は正しく、最初の方法は間違っています。今後同じ間違いを犯してはいけないことを強調したいからです。注意してください。