选择儿童元素

Question

我将以下HTML作为较长列表的一部分。

我的代码选择了外"data-markerid"的{​​{1}}值。如何访问<li>内的<div>？

示例：我想访问"list-content"

中的<div class="locn-name">

谢谢！

<li data-markerid="0">

Answer 1

非常简单：

$('li[data-markerid=0] div.loc-name');

从右到左阅读：“div with class”locn-name“”（div.loc-name）“inside”（ ）“LI of”data-markerid = 0“”（li[data-markerid=0]）。

如果您在变量中有ID，只需使用字符串连接：

$('li[data-markerid=' + id +'] ...');

---

更多信息：

• Element selector
• Class selector
• Attribute selector
• Descendant selector

Answer 2

$('div').on('click',function(){
    var my_data-markerid = $(this).closest('li').attr('data-markerid');
});

希望这会有所帮助： - ）