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

【问题标题】：How to build selector with $(this)如何使用 $(this) 构建选择器
【发布时间】：2013-08-24 00:07:37
【问题描述】：

你好我使用这个选择器

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());

});

【问题讨论】：

标签： javascript jquery jquery-selectors

【解决方案1】：

使用

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

或

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

【讨论】：

【解决方案2】：

你可以使用children()，也可以使用.att()获取你需要的tabindex属性值，如下图

$(".tg_li-HeaderMenu").click(function () {
    var id = $(this).children("div");
    console.log("id-->", id.attr('tabindex'));
});

演示：Fiddle

【讨论】：