Question

假设我有以下代码：

<div class="product">
     <div class="prod-img"><img src="#" /></div>
     <div class="prod-name">
          <a href="#">Product Name Here</a>
          <a href="#">Stuff we don't want to display</a>
     </div>
</div>
<div class="product">
     <div class="prod-img"><img src="#" /></div>
     <div class="prod-name">
          <a href="#">Product Name Here</a>
          <a href="#">Stuff we don't want to display</a>
     </div>
</div>
<div class="product">
     <div class="prod-img"><img src="#" /></div>
     <div class="prod-name">
          <a href="#">Product Name Here</a>
          <a href="#">Stuff we don't want to display</a>
     </div>
</div>

所以我可以使用以下代码获取所有产品名称：

$( document ).ready(function() {
    var products = $('.prod-name').find('a:first').text().trim();
    alert(products);
});

问题是它只是在一个巨大的字符串中显示所有产品。无论如何我可以分开这些吗？喜欢“|”或什么？

Answer 1

您可以使用.map()

var products = $('.prod-name').find('a:first').map(function(){
    return $(this).text();
}).get().join('|');

DEMO

分开所有抓住的链接

1 个答案: