使用 javascript 获取第二个 li 标签中的值

Get value in 2nd li tag with javascript

本文关键字：标签 li javascript 获取 第二个 使用      更新时间：2023-09-26

我需要在第二个 li 中获取值"Bra"，我没有使用 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的值，为什么输出"皮埃尔·卡丹/"，输出有"/"，如何不包含"/"？

使用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>

你可以试试：

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

演示

在 jquery 中用于此代码

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

您有以下几种选择：

首先：将 id 附加到<strong>标记 

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

并通过以下方式获取值：

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

第二：使用 getElementsByTagName（） 将其获取为：

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

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

可以将

id 属性添加到 li 而不是强标签中，但是在获取 innerHTML 之前，您将 nned 获取第一个孩子：

var text = document.getelementById('myId').firstChild.innerHTML;
相关文章：