使用javascript在2nd li标签中获取价值

时间:2016-03-03 07:40:14

标签: javascript html tags element

我需要什么才能获得价值" Bra"在第二个li里面,我没有使用clas category64,因为这个类改变了每一页。

    <div class="breadcrumbs">
    <ul>
        <li class="home"><li>
        <li class="category63">
            <a href="http://asdasd.com/xyz/ title">Panty</a>
            <span>/ </span>
        </li>
        <li class="category93">
            <a href="http://asdasd.com/xyz" title=>Pierre Cardin</a>
            <span>/ </span>
                    </li>
        <li class="category64">
            <strong>Bra</strong>
    </ul>
</div>

我有问题获得价值, 如果我得到第二个li的值,为什么输出&#34;皮尔卡丹/&#34;,输出有&#34; /&#34;,如何不包括&#34; /&#34; ; ?

4 个答案:

答案 0 :(得分:1)

您可以尝试:

var a = document.querySelectorAll(".breadcrumbs li")[1].innerText;
alert(a);

demo

答案 1 :(得分:0)

用于jquery中的此代码

var code = $('.breadcrumbs > li:nth-of-type(2) strong').text(); alert(code);

答案 2 :(得分:0)

使用nth-child选择器,它匹配给定索引的元素

var text = document.querySelector('.breadcrumbs li:nth-child(2)').innerText;
alert(text);
<div class="breadcrumbs">
  <ul>
    <li class="category63">
      <a href="http://asdasd.com/xyz/ title">Panty</a>
      <span>/ </span>
    </li>
    <li class="category64">
      <strong>Bra</strong>
  </ul>
</div>

答案 3 :(得分:0)

您有几种选择:

首先:将ID附加到Integer match = intList.stream() .filter(i -> i > 40) .findAny() .orElseThrow(...); 代码

<strong>

并获取值:

<strong id="myId">Bra</strong>

第二:使用getElementsByTagName()将其作为:

 var text = document.getelementById('myId').innerHTML;

但我个人不推荐它,因为如果你在你想要的DOM树上方添加更多li标签,li的值可能会有所不同。

可以将id属性添加到li而不是强标记,但是在获取innerHTML之前,您将获得第一个孩子:

var text = document.getelementByTagName('li')[1].innerHTML;