Question

我想得到的价值＆＃34; 3已发送＆＃34;来自下面的hmtl。我怎样才能做到这一点？

    <ul class="nav nav-tabs some-tabs">
        <li class="active">
            <a href="#accepted" data-toggle="tab">1 Accepted</a>
        </li>
        <li class="">
            <a href="#sent" data-toggle="tab">3 Sent</a>
        </li>
    </ul>

编辑：向所有人道歉，我不知道自己的目标。

值＆＃34; 3已发送＆＃34;一直在变化，可以是＆＃34; 1已发送，2已发送＆＃34;它是一个可点击的链接，所以我希望能够点击它。，

感谢。

Answer 1

可以使用xpath基于文本的搜索。我相信你正在寻找一个选择器

//a[.='3 Sent']

修改

然后只需使用css选择器，

a[href='#sent']

Answer 2

试试这个单击锚标记时，它会搜索文本

$('.nav li a').on('click', function(e){
    e.preventDefault();
    console.log("Value is " + $(this).text());
});

Answer 3

您可以使用以下代码轻松获取它：

$(document).ready(function(){
   $('li').find('a').each(function() {

       if($(this).attr('href')=="#sent")
       {
           alert($(this).text());
       }


   });
});

<强> Here is JSFiddle

Answer 4

从下一个.active元素中的课程list获取锚文本。

var textInAnchor = document.querySelector(".active + li a").innerHTML;

alert(textInAnchor)

<ul class="nav nav-tabs some-tabs">
  <li class="active">
    <a href="#accepted" data-toggle="tab">1 Accepted</a>
  </li>
  <li class="">
    <a href="#sent" data-toggle="tab">3 Sent</a>
  </li>
</ul>

来自班级.some-tabs的

在第二个位置找到子list元素，然后返回他的锚文本

var textInAnchor = document.querySelector(".some-tabs > li:nth-child(2) a").innerHTML;

alert(textInAnchor)

<ul class="nav nav-tabs some-tabs">
  <li class="active">
    <a href="#accepted" data-toggle="tab">1 Accepted</a>
  </li>
  <li class="">
    <a href="#sent" data-toggle="tab">3 Sent</a>
  </li>
</ul>

获取href value = #sent返回文字

var textInAnchor = document.querySelector("[href='#sent']").innerHTML;
alert(textInAnchor)

<ul class="nav nav-tabs some-tabs">
  <li class="active">
    <a href="#accepted" data-toggle="tab">1 Accepted</a>
  </li>
  <li class="">
    <a href="#sent" data-toggle="tab">3 Sent</a>
  </li>
</ul>

我怎样才能得到这个href值？

4 个答案: