1

jquery カスタム属性をアラートまたはコンソールに表示しようとしています。

console.log()カスタム データ属性をログに記録しようとしましたが、値が表示されません。

私はこの値を表示しようとしています、これdata-somethingが私のコードです:

    // create a UL element
var ul = $('<ul></ul>');

// add some LI elements
ul.append(
    $('<li class="bear" data-type="panda">panda bear</li>'),
    $('<li class="bear" data-type="koala">koala bear</li>'),
    $('<li class="wallaby" data-type="kangaroo">kangaroo</li>')
);

// this won't work because our UL is not in the dom yet
console.log($('.bear').length); //=> 0

// let's just pick the bears in our UL using our UL as the context
var bears = $('.bear', ul);
console.log(bears); //=> [li.bear, li.bear]

// lets loop through and see data attributes
bears.each(function() {
    console.log($(this).attr('data-type'));
});
//=> "panda"
//=> "koala"
4

1 に答える 1

1

文字列を作成しているhtml要素を作成していません。文字列には .data のようなメソッドがないため、アクセスできません。また、次のように data プロパティにアクセスする必要がdata-somethingありundefined ます。

element.dataset

html 要素をプッシュしていないため、これらの属性にアクセスできません。

要素を作成する

var el = document.createElement('li');
el.setAttribute('class','loc-li');
el.dataset.something = rowData.APPT_LOC_QUAL[k].LOCATION_CD;
console.log(el.dataset.something);
于 2013-06-24T21:32:24.707 に答える