Javascript 单击特定元素时如何查找text（）？

当我在文本中单击“按我”时，我需要获得“fold2”

text（）

value。我试图在我的脚本中添加很多jquery遍历方法，但我找不到完美的方法

因为我的

包括很多可用的

标签

HTMl代码：

<li class="favdelParentFold">
    <a href="#parentLevel1" data-toggle="collapse" class="" aria-expanded="true">
       <span class="caret-right"></span>
    </a>
    <span class="folder"></span>
    <span style="color:red;">fold2</span>
    <span data-toggle="modal" data-target="#AddFavorites_ModalDel" class="trashcan">press me</span>

    <ul class="collapse in" id="parentLevel1" aria-expanded="true">
    </ul>

</li>

工作代码

试试这个

如果要获取“fold2”文本，可以单独为

span.trashcan

设置

单击事件。在该
事件上单击
您可以使用
prev（“span”）
获取该值


//单击“press me”类时，我需要获取fold2的跨度值
$（文档）.ready（函数（）{
$（“.favdelParentFold>.trashcan”）。单击（函数（）{
var tr=$（this.prev（'span'）.text（）；
警报（tr）；
});
});


折叠2
按我


通过jQuery，最简单的方法是（如果出于某种原因，真的无法将类放到目标上）：

在这种情况下，仅当目标位于源元素之前时，代码才起作用

另一个是，假设您的目标有一个
类。target
：

$('.trashcan').on('click', function(e) {

  var parent = $(this).closest('.favdelParentFold');

  if (parent.length)
  {
      alert( parent.find('.target').text() );
  }

});

最好使用该类，这样您就可以在目标周围移动，代码仍然可以工作。
请像这样使用它：（已测试）

我为text添加了一个类-
按我
文本作为
按我
。请找到工作台。代码如下：

HTML

<li class="favdelParentFold">
        <a href="#parentLevel1" data-toggle="collapse" class="" aria-expanded="true">
            <span class="caret-right"></span>
        </a>
        <span class="folder"></span>
        <span style="color:red;">fold2</span>
        <span data-toggle="modal" data-target="#AddFavorites_ModalDel" class="trashcan pressMe">press me</span>

        <ul class="collapse in" id="parentLevel1" aria-expanded="true"></ul>

    </li>

最近的（）用于获取父元素。使用prev（）（根据您的html）使用$（this.prev（）.text（）；你打错了。将
.closest（）
替换为
.closer（）
-<代码>var tr=$（this.prev（'span'）.text（）也折叠2不在n“a”中：此脚本也会触发嵌套列表（“parentLevel1”），然后像这样使用子选择器
$（“.favdelParentFold>.trashcan”）
@GobinathMahalingam这有帮助还是仍然面临问题？这是另一种情况。您以前的命令工作正常。如果你有任何想法，请分享另一个场景的意思？我找不到你。此脚本已损坏。如何停止？
$('.trashcan').on('click', function(e) {

  var parent = $(this).closest('.favdelParentFold');

  if (parent.length)
  {
      alert( parent.find('.target').text() );
  }

});

$(document).ready(function() {
      $(".favdelParentFold span").click(function(){
    var tr = $(this).prev().text();
    alert(tr);//Expecting output is "fold2"
    });
});

<li class="favdelParentFold">
        <a href="#parentLevel1" data-toggle="collapse" class="" aria-expanded="true">
            <span class="caret-right"></span>
        </a>
        <span class="folder"></span>
        <span style="color:red;">fold2</span>
        <span data-toggle="modal" data-target="#AddFavorites_ModalDel" class="trashcan pressMe">press me</span>

        <ul class="collapse in" id="parentLevel1" aria-expanded="true"></ul>

    </li>

$(document).ready(function () {
    $(".pressMe").click(function () {
        alert($(this).prev().text());//Expecting output is "fold2"
    });
});