匹配jquery数据属性后获取子元素

Question

我想在div中获取一个子元素。我可以通过匹配数据属性来获取div，但我正在努力获取子元素，在本例中为<h6>。谁能告诉我怎么做？

 $('.marker-tooltip-container section').filter('[data-locationid="' + location.id + '"]').('h6').text(val);

Answer 1

由于语法.('h6')

不正确而出现问题

您可以将选择器简化为

$('.marker-tooltip-container section[data-locationid="' + location.id + '"] h6').text(val);

OR

$('.marker-tooltip-container section').filter('[data-locationid="' + location.id + '"]').find('h6').text(val);

Answer 2

将代码更新为

$($('.marker-tooltip-container section').filter('[data-locationid="' + location.id + '"]').find('h6')[0]).text(val);

基本上在你的情况下用h6元素代替。（'h6'），你需要使用.find（'h6'）。这将为您提供所有h6节点，因此，要更新第一个节点，您必须使用.find（'h6'）[0]。但是，如果只有一个节点或者您想要更新所有节点，只需使用.find（'h6'）

此外，您也可以尝试使用此功能。以上规则也适用于此。

$('.marker-tooltip-container section[data-locationid="' + location.id + '"] h6').text(val);