如何使用$(this)构建选择器

时间:2013-08-18 13:13:38

标签: javascript jquery jquery-selectors

你好我使用这个选择器

var id = $(".tg_li-HeaderMenu >div").tabindex();

这个选择我所有这个类的元素,我只需要点击它的那个元素

如何制作这样的选择

var id = $((this)>div).tabindex();

或者如何选择div子

这是我的html我需要获取我点击的元素的tabindex

  <li id="listMenu" class="tg_li-HeaderMenu">
DASHBOARD
<div class="TopMenuActive" tabindex=" 1"></div>
</li>
<li id="listMenu" class="tg_li-HeaderMenu">
ORDERS
<div class="TopMenuActive" tabindex=" 2"></div>
</li>
<li id="listMenu" class="tg_li-HeaderMenu SelectedMenu">
<li id="listMenu" class="tg_li-HeaderMenu">

这是我的Javascript

$(".tg_li-HeaderMenu").click(function () {
    var id = $(".tg_li-HeaderMenu >div");
    console.log("id-->", id[0].tabindex());

});

2 个答案:

答案 0 :(得分:4)

使用

var id = $('>div', this).tabindex();

var id = $(this).children('div').tabindex();

答案 1 :(得分:2)

您可以使用children(),也可以获取tabindex所需的$(".tg_li-HeaderMenu").click(function () { var id = $(this).children("div"); console.log("id-->", id.attr('tabindex')); }); 属性值,如下所示

{{1}}

演示:.att()