如何使用javascript在UL中获得第一个href

时间:2013-06-10 15:59:47

标签: javascript

每个人我都希望获得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 classname &#34; product-item&#34; 中获取href链接,其中包含id catalog- items

我在下面的代码中写了这个,但是在打印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]

有人帮我解决..提前谢谢......

2 个答案:

答案 0 :(得分:0)

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

使用var chethan1 = [];代替var chethan1="";

Updated Fiddle

答案 1 :(得分:0)

请参阅:http://jsfiddle.net/M5xYb/

  var chethan1= new Array();

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