Jqueryの配列とデータの属性

ジョー・リックレフ

Jqueryを使用してオブジェクトの.data()または.attr()を選択した後、それらにアクセスできないのはなぜですか?

ここに問題があります。特定のクラスが割り当てられたdivのグループがあります。Jqueryを使用してすべてのdivを選択し、それらを配列に割り当ててから、配列を解析し、それぞれのデータ属性を調べて特定の値を見つけたいと思います。

<div class="Divs" data-eventid="1"></div>
<div class="Divs" data-eventid="2"></div>
<div class="Divs" data-eventid="3"></div>

以下は、セレクターに一致する要素のリストを取得し、それらをイベントに割り当てます。

var events = [];
    $('.Divs').each(function () {
        events.push($(this));
    });

変数{n1、n2、n3}は、説明の理由で分類されています

$.each(events, function(idx, val){
  var n1 = events[idx];
  var n2 = n1[0];
  var n3 = n2.data();  //  **.data() is Undefined
});

配列を解析しようとして、.data()または.attr()がサポートされていない/未定義であると表示された場合はどうなりますか?

しかし、私が次のことをすればそれはうまくいきます

 $('.Divs').each(function () {
   var getIdValue = $(this).attr('eventid'); // Works;
   var getIdValue2 = $(this.data('eventid'); // works; 
)};

一方が機能し、もう一方が機能しない理由を知りたかっただけです。

サンディープナヤック

これをチェックして:

http://jsfiddle.net/brvk9q3p/

そのはず : var n3 = $(n2).data();

これは、がをn2参照しているためdivです。を取得するには、jQuery参照を使用する必要がありますdata()

あなたがフィドルを実行するとき、コンソールをチェックしてください..あなたはより多くのアイデアを得るでしょう。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

2つの配列をjqueryで照合し、値とデータ属性の照合に属性を追加します

分類Dev

配列内のデータ属性値とHTMLを取得します

分類Dev

JQUERY:属性データの保存と復元

分類Dev

jqueryのデータ属性

分類Dev

文字列の配列をデータ属性に格納します

分類Dev

データフレームと列の配列のマージ

分類Dev

JQueryは、クラスセレクターのデータ属性から配列を作成します

分類Dev

jqueryセレクターの属性を配列に配置します

分類Dev

map関数を使用してリストのデータ属性をjQueryの配列に取得する

分類Dev

配列データの分割

分類Dev

配列のマージと空のデータでの表示

分類Dev

ASP.NETCoreのデータ属性に配列を渡す

分類Dev

ルビーのIDとデータベースの配列

分類Dev

jqueryでオブジェクトの配列であるデータ属性値を取得する方法

分類Dev

データタグからjQueryへのphp配列値

分類Dev

データベースとの配列の違い

分類Dev

SyntaxError:配列をハイチャートのデータ属性に投稿するときに不正な文字

分類Dev

データ属性をキーとした配列のようなオブジェクト?

分類Dev

HTML 5のデータ属性とjQueryデータは同じものですか?

分類Dev

JSON配列は、未定義とDOMのjqueryのデータの両方を表示します

分類Dev

列をデータの配列と比較します

分類Dev

JavaScript配列をHTML5データ属性との間で保存および取得する

分類Dev

配列とファイルのサイズのデータ型

分類Dev

JSONデータの解析と配列の処理

分類Dev

配列内のデータの抽出と並べ替え?

分類Dev

XMLデータの読み取りと配列への保存

分類Dev

配列の操作と名前によるデータの抽出

分類Dev

応答データの処理と配列への移動

分類Dev

jqueryこの配列からデータを取得する方法

Related 関連記事

  1. 1

    2つの配列をjqueryで照合し、値とデータ属性の照合に属性を追加します

  2. 2

    配列内のデータ属性値とHTMLを取得します

  3. 3

    JQUERY:属性データの保存と復元

  4. 4

    jqueryのデータ属性

  5. 5

    文字列の配列をデータ属性に格納します

  6. 6

    データフレームと列の配列のマージ

  7. 7

    JQueryは、クラスセレクターのデータ属性から配列を作成します

  8. 8

    jqueryセレクターの属性を配列に配置します

  9. 9

    map関数を使用してリストのデータ属性をjQueryの配列に取得する

  10. 10

    配列データの分割

  11. 11

    配列のマージと空のデータでの表示

  12. 12

    ASP.NETCoreのデータ属性に配列を渡す

  13. 13

    ルビーのIDとデータベースの配列

  14. 14

    jqueryでオブジェクトの配列であるデータ属性値を取得する方法

  15. 15

    データタグからjQueryへのphp配列値

  16. 16

    データベースとの配列の違い

  17. 17

    SyntaxError:配列をハイチャートのデータ属性に投稿するときに不正な文字

  18. 18

    データ属性をキーとした配列のようなオブジェクト?

  19. 19

    HTML 5のデータ属性とjQueryデータは同じものですか?

  20. 20

    JSON配列は、未定義とDOMのjqueryのデータの両方を表示します

  21. 21

    列をデータの配列と比較します

  22. 22

    JavaScript配列をHTML5データ属性との間で保存および取得する

  23. 23

    配列とファイルのサイズのデータ型

  24. 24

    JSONデータの解析と配列の処理

  25. 25

    配列内のデータの抽出と並べ替え?

  26. 26

    XMLデータの読み取りと配列への保存

  27. 27

    配列の操作と名前によるデータの抽出

  28. 28

    応答データの処理と配列への移動

  29. 29

    jqueryこの配列からデータを取得する方法

ホットタグ

アーカイブ