Question

我想在控制台中运行一个脚本，只显示来自html页面的元素内的数据：

<tr class="pl-video yt-uix-tile " data-video-id="AAAAAAAA" data-title="BBBBBBBBBBBB"  ...

我要提取的数据位于data-video-id和data-title内。有一种简单的方法可以在chrome控制台中使用或使用一些插件吗？

Answer 1

在控制台中尝试此操作

$('.pl-video').each(function(){
   console.log($(this).data('video-id'));
   console.log($(this).data('title'));
})

baumi编辑：从选择器中删除不必要的点（“。”）。

Answer 2

您也可以使用.attr()方法执行此操作：

 Cursor cursor = getContentResolver().query(ContactsContract.Contacts.CONTENT_URI, null,
       ContactsContract.Contacts.HAS_PHONE_NUMBER + " = 1", 
       null, 
       "UPPER(" + ContactsContract.Contacts.DISPLAY_NAME + ") ASC");

Answer 3

请参阅HTMLElement.dataset以访问data-*属性

＆＃13;

var tr = document.getElementsByTagName("tr")[0];
console.log(tr.dataset.videoId, tr.dataset.title)

＆＃13;

<table>
  <tr class="pl-video yt-uix-tile " data-video-id="AAAAAAAA" data-title="BBBBBBBBBBBB"></tr>
</table>

＆＃13;

Answer 4

试试这个

$（'。plvideo'）。each（function（）{console.log（$（this）.attr（'data-video-id'））; 的console.log（$（本）.attr（ '数据标题'））; }）

从控制台中的元素中提取数据属性

4 个答案: