从DOM中抓取特定列表,而忽略另一个

时间:2015-07-17 19:47:09

标签: javascript jquery html dom

我有一个简单的脚本,它从无序列表中抓取一个随机列表项,并为其分配一个变量以供显示,如下所示:

var list = $("ul li").toArray();
var elemlength = list.length;
   console.log(list); //for debugging
var randomnum = Math.floor(Math.random()*elemlength);
var randomitem = list[randomnum];
     $(randomitem).css({"display": "block", "list-style-type": "none"});

列表包含id#list-feed,如下所示:

<ul id="list-feed">
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
</ul>

问题是,我有一个其他列表,我之前在导航元素中的HTML导航中使用过。因此,此代码从此列表和标题中的列表中获取列表项。我可以操作代码(在我的数组构建中假设)仅使用list-feed id中的数组吗?

喜欢什么?

var list = $("#list-feed ul li").toArray();

我知道这不能合理地或以编程方式工作,但我是jQuery概念和DOM操作的新手,所以想知道如何做到这一点的好答案?

谢谢!

2 个答案:

答案 0 :(得分:3)

你会这样做:

var list = $("#list-feed li").toArray();

答案 1 :(得分:1)

您的js无法正常工作,因为它试图在#list-feed中选择UL。 #list-feed不包含任何UL - 它是UL。 #list-feed只有LI,这就是为什么j08691的建议有效。