登录
首页 >  文章 >  前端

如何使用 JavaScript 获取点击 `` 时与其相邻 `` 中的文字内容？

时间：2024-12-06 23:00:59 109浏览 收藏

推广推荐
免费电影APP ➜
支持 PC / 移动端，安全直达

小伙伴们有没有觉得学习文章很有意思？有意思就对了！今天就给大家带来《如何使用 JavaScript 获取点击 `` 时与其相邻 `` 中的文字内容？》，以下内容将会涉及到，若是在学习中对其中部分知识点有疑问，或许看了本文就能帮到你！

如何使用 JavaScript 获取点击 `` 时与其相邻 `` 中的文字内容？

js 获取指定节点文字内容

遇到无法通过直接获取 html 来获得所需信息的情况，我们可以使用 javascript 来动态获取节点的文字内容。以以下 html 结构为例：

<ul>
    <li>
        <div>
            <div>信息楼</div>
            <img src="~/img/tree/webreader_layout_right_d.png" id="tree1" />
        </div>
        <ul id="0" style="display:none; list-style:none;padding-left:15px;">
            <li onclick="ss(this)">1000</li>
            <li onclick="ss(this)">2</li>
            <li onclick="ss(this)">3</li>
        </ul>
    </li>
</ul>

问题要求获取点击

  • 时与之相邻的
    中的文字内容（即“信息楼”）。

    解决方案

    如果这里的

  • 是指具有 onclick 事件监听器的
  • ，我们可以使用以下 javascript 代码：

    function ss(x) {
  console.log($(x).parent().prev().first().text());
}

    这个函数首先获取当前

  • 元素的父元素（即