从HTML查找数据值

Question

我希望JQuery函数返回'data-tabconfig'中的值

<li class="tab-add" data-tabconfig="#{layoutBean.maxTabs}">

如果我调用onclick函数，我可以很容易地得到它。

$(this).attr('data-tabConfig');

但我不想点击它，我想在bodyload（）上得到它。

我尝试使用qazxsw poi，但我无法让它工作

这是我的尝试.find()

Answer 1

$('li').find().attr('data-tabConfig');

Answer 2

要获取属性data-id（如in）的内容，必须使用

    $(document).ready(function(){

       $('li.tab-add').attr('data-tabconfig');
//OR

       $('li.tab-add').data('tabconfig');

    });

或.data（）（如果你使用更新的jQuery> = 1.4.3）

$('li.tab-add').attr("data-tabconfig") // will return the string 123

Answer 3

使用$('li.tab-add').data("tabconfig") // will return the string 123 获取具有特定属性的元素。虽然将它包装在has attribute selector中以在元素加载后运行。

document ready handler

Answer 4

试试这个

$(document).ready(function(){
    var val = $('li[data-tabConfig]').attr('data-tabConfig');
    // do the rest
});

$(document).ready(function(){
$('.tab-add').attr('data-tabConfig');
});

Answer 5

如果你想亲自尝试：

Fiddle Here