jQuery查找并列出特定DIV中UL中的所有Li元素

  • 回答 (2)
  • 关注 (0)
  • 查看 (67)

我有3列ULS,每列都是一个动态UL容器,可以包含从0-9 Li容器到任何地方(最终更多)。我所有的Li元素都有一个属性“rel”,我试图找到该属性,并将其用于父DIV中所有Li元素的其他内容。我最终想要找到更多的基于每一个,但不是最起码的..。有什么想法吗?我怎样才能用jQuery实现这一点?例子:

<ul id="column1">
   <li rel="1">Info</li>
   <li rel="2">Info</li>
   <li rel="3">Info</li>
</ul>
<ul id="column2">
   <li rel="4">Info</li>
   <li rel="5">Info</li>
   <li rel="6">Info</li>
</ul>
<ul id="column3">
   <li rel="7">Info</li>
   <li rel="8">Info</li>
   <li rel="9">Info</li>
</ul>

这些元素也是可以分类的。因此,当我得到一个列表,我也想保持他们的顺序,他们是从上到下的每一列。

1个老爷们1个老爷们提问于
过河不认人前端工程师回答于
已采纳

你在想这样的事吗?

$('ul li').each(function(i)
{
   $(this).attr('rel'); // This is your rel value
});
jackymaple资深互联网架构师、软件开发工程师回答于
var column1RelArray = [];
$('#column1 li').each(function(){
    column1RelArray.push($(this).attr('rel'));
});

FP风格

var column1RelArray = $('#column1 li').map(function(){ 
    return $(this).attr('rel'); 
});

扫码关注云+社区

领取腾讯云代金券