使用自定义标记值jquery获取元素id

Question

如何使用自定义标记值jquery获取元素ID？

<div id="1" tab_id="4" class="div_focus" tabindex="1">This is label A</div>

如何使用jquery获取tab_id = 4的id值？

Answer 1

var id = $('[tab_id="4"]').attr('id');

如果有多个元素tab_id="4"，并且您需要获取所有ID，请使用：

var ids = $('[tab_id="4"]').map(function() {
  return this.id;
});

Answer 2

Demo On JsFiddle

试试这个选择器

$('div[tab_id = "4"]').attr("id")

检查：Attribute Equals Selector [name="value"]

Answer 3

 jQuery('[tab_id="4"]').attr('id')

Answer 4

使用attributes selector

$('div[tab_id="4"]').prop('id')

或

$('div[tab_id="4"]')[0].id

Answer 5

var id = $('div[tab_id="4"]').prop("id");

Answer 6

使用attr()

$('div[tab_id="4"]').attr('id');

Answer 7

对于Wordpress用户来说，弄清楚这对我来说很棘手!!我所要做的就是用$

替换jQuery

工作示例：

var ytid = jQuery('div[class="vi-responsive yt-light"]').attr("data-mid");

错误示例：

var ytid = $('div[class="vi-responsive yt-light"]').attr("data-mid");