0

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

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

私はこの値のデータを表示しようとしています。これが私のコードです:

アラートに値を表示しようとすると、未定義と表示されます...修正方法...

   // 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

私はいくつかのコードを変更しました!

<div id="statusHtml">

</div>

<script>

// it will help to get statusHtml div tag using jquery.
var statusHtmlArr=$("#statusHtml");

$.each($('.loc-li'),funciton(){

  alert("print the value in alert" + $(this).attr('data-test'));

});

/*OR*/

alert("print the value in alert" + $('.loc-li').attr('data-test'));

</script>

jquery で属性を表示するには、「attr()」関数を使用する必要があります

フィッフルをチェック

于 2013-06-25T06:35:49.203 に答える