在制作显示商店位置的美国 map 时,使用 this map plug in我已经基本确定了它,但想要一种更好的方法来执行一项功能。我在 map 下方有一个商店列表,希望将同一州的所有商店分组,并在将鼠标悬停在该州上时在侧边栏中显示商店名称。我可以悬停和显示数据,但希望改进。我不想只为每个状态编写一个函数并明确说明要显示的内容,而是想获得第一个 p.cn
来自具有相同类的每个 div。
<div class="texas">
<p class="cn">Store 1</p>
</div>
<div class="texas">
<p class="cn">Store 2</p>
</div>
mouseoverState: {
var texas = $('.texas > p.cn').text();
$('#mysidebarID').html(texas);
}
这仅显示第一家商店“商店 1”,我无法让它抓取每个 p.cn
来自每个 div.texas 并用 <br>
显示它们每一个之后。
如何从具有相同类的每个元素中获取 html 并将其组合成一个字符串,每个节点用 <br>
分隔?
谢谢 - 如果我需要澄清任何事情,请告诉我。
最佳答案
您可以使用each()
方法,尝试以下操作:
var str = "";
$('.texas > p.cn').each(function(){
str += $(this).text() + "<br>";
})
$('#mysidebarID').html(str);
关于jquery - 从具有相同类的所有元素中获取文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12031342/