从具有相同类的所有元素中获取文本

2018-06-29 22:10:05

在制作使用这张地图插件显示商店位置的美国地图时，我已经掌握了它的主要内容，但希望有更好的方法来执行一个功能。我在地图下方有一个商店列表，并且希望将所有商店分组到相同的状态，并将鼠标悬停在状态上时将商店名称显示在边栏中。我有悬停和显示的数据工作，但要改善。我不想为每个州写一个函数，而是明确说明要展示什么，我想从每个具有相同类的div中获得第一个p.cn

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

链接地址: http://www.djcxy.com/p/83509.html

上一篇: Get the text from all elements with the same class

下一篇: What is the difference between $.each(selector) and $(selector).each()