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

我有3列UL,每个都是一个动态UL容器,可以容纳0到9个LI容器(最终更多)。 我所有的LI元素都有一个属性“rel”,我试图最终找到该属性,并将其用于父DIV中所有LI元素的其他内容。 我最终希望找到更多基于每个但不是至少的rel ..任何想法我如何用jQuery实现这一点? 例:

  • Info
  • Info
  • Info
  • Info
  • Info
  • Info
  • Info
  • Info
  • Info

这些元素也可以排序。 因此,当我得到它们的列表时,我还要按照从每列的顶部到底部找到它们的顺序来保持它们。

我试过find(),parent()和类似的东西,也许我接近它错了。 但它仍然值得一提,以帮助提出一个想法

你在想这样的事吗?

 $('ul li').each(function(i) { $(this).attr('rel'); // This is your rel value }); 
 var column1RelArray = []; $('#column1 li').each(function(){ column1RelArray.push($(this).attr('rel')); }); 

或者fp风格

 var column1RelArray = $('#column1 li').map(function(){ return $(this).attr('rel'); }); 
 $('li[rel=7]').siblings().andSelf(); // or: $('li[rel=7]').parent().children(); 

现在你添加了那个解释你想要“形成每列rels数组”的注释,你应该这样做:

 var rels = []; $('ul').each(function() { var localRels = []; $(this).find('li').each(function(){ localRels.push( $(this).attr('rel') ); }); rels.push(localRels); }); 

HTML

 
  • info1
  • info2
  • info3

获取索引,文本,值js

  $('#oneAnswer li').each(function (i) { var index = $(this).index(); var text = $(this).text(); var value = $(this).attr('value'); alert('Index is: ' + index + ' and text is ' + text + ' and Value ' + value); });