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

Question

我想从下面的 hmtl 中获取值“3 Sent”。我怎样才能做到这一点？

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

编辑：抱歉大家，我不清楚我在追求什么。

值“3 Sent”一直在变化，可以是“1 Sent，2 Sent”等。它是可点击的link所以我希望能够点击它。,

谢谢。

Answer 1

您可以使用以下代码简单地获取它：

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

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


   });
});

Here is JSFiddle

Answer 2

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

//a[.='3 Sent']

编辑

只需简单地使用 css 选择器，

a[href='#sent']

Answer 3

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

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>

从class.some-tabs找到第二个位置的子list元素然后return他的锚文本

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 return 文本

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>

Answer 4

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

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

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

How can I get this href value?

javascript

selenium

selenium-webdriver