javascript - 如何使用 javascript 在 UL 中获取 li first href

Question

每个人我都想在 li 中获取所有第一个 href 元素，我只希望它在 javascript 中

 <div id="cataloge">
 <ul id="catalog-items" class="product-items"> 
  <li id="OS389HL91QJCLMX" class="product-item >
  <a id="1:OS389HL91QJCLMX"  href="/piezas-y-Sala-4-piezas%29.-116508.html">link1
  <ul><li>some data</li><li>some data</li><li>some data</li></ul>
  </a>
  </li>
  <li id="OS389HL91QJCLMX" class="product-item >
  <a id="1:OS389HL91QJCLMX"  href="/piezas-y-Sala-4-piezas%29.-116508.html">link1
  <ul><li>some data</li><li>some data</li><li>some data</li></ul>
  </a>
  </li>
  <li id="OS389HL91QJCLMX" class="product-item >
  <a id="1:OS389HL91QJCLMX"  href="/piezas-y-Sala-4-piezas%29.-116508.html">link1
  <ul><li>some data</li><li>some data</li><li>some data</li></ul>
  </a>
  </li>
 </ul>
 <div>

我想在 UL 下的 li 类名“product-item”中获取带有 id catalog -item 的 href 链接

我在下面写了这个代码，但是打印 chethan1 时它是空的；

  var lists = document.getElementById("catalog-items");
  var items = lists.getElementsByTagName("li");
  var chethan1="";
  for (var i = 0; i < items.length; i++)
  { 
   if(typeof items[i]!="undefined" && items[i]!="" && items[i].className=="product-item")
   {
    chethan1.push(items[i]);
   }
  }

  console.log(chethan1);
  [empty]

请有人帮我整理一下..提前谢谢..

Answer 1

在其他标记问题.push()中，将用于数组，而不是字符串。

使用var chethan1 = [];而不是var chethan1="";.

更新小提琴

Answer 2

看到这个：http: //jsfiddle.net/M5xYb/

  var chethan1= new Array();

关闭字符串，使用上面的新数组。结果不为空。