通过href在<a> </a>标记之间获取值

时间:2014-03-05 22:37:49

标签: javascript html

我有一个包含各种链接的列表。我希望这些标签之间的值与此href。

<a href="index.php?p=trading?m=21&b=btc">15</a>

我想要值15。

4 个答案:

答案 0 :(得分:3)

将该元素存储在a中。例如,您可以使用

获取它
var a = document.querySelector('a[href="index.php?p=trading?m=21&b=btc"]')

然后,您可以使用

a.innerHTML

如果你想在元素中获取HTML代码,或者

a.textContent

如果你想在元素中获取文本。

答案 1 :(得分:2)

JQuery:

$("a").text();

如果页面上有多个链接,您可能想要更改选择器

例如,如果您的链接ID为bitlink,则可以执行

var value = $("a#bitlink").text();

通过href选择:

var value = $("a[href='index.php?p=trading?m=21&b=bt']").text()

但除了特殊情况外,我不确定这是一个好主意

答案 2 :(得分:2)

PIX06提供了一个很好的答案,但我想提请你注意jQuery的其他两个函数,你可能会觉得这些函数对你的工作有用:.children()和.next()

.next():http://api.jquery.com/next/

.children():https://api.jquery.com/children/

.next()获取匹配元素集中每个元素的紧随其后的兄弟。如果提供了选择器,则仅当它与该选择器匹配时,它才会检索下一个兄弟。 (在你的情况下可能是“a”)

.children():获取匹配元素集中每个元素的子元素,可选择由选择器进行过滤。

我建议这些因为很可能&lt; a&gt; &LT; / a&gt;您希望从中获取价值的容器,嵌入在另一个容器内或旁边,该容器具有可以选择并用于您的目的的标识符(类,ID,名称..)。

因此,例如:

    ## example for children ##
    ## HTML ##
    <span class="example">
      <a href="index.php?p=trading?m=21&b=btc">15</a>
    </span> 
    ## JQuery ##
    $('.example').children('a').text();

    ## example for next ##
    ## HTML ##
    <span class="example"> some content here </span>
    <a href="index.php?p=trading?m=21&b=btc">15</a>

    ## JQuery ##
    $('.example').next('a').text();

因此,使用.next()或.children()可能是一种更健壮的方式来获取您正在寻找的任何标记。我希望你发现这很有用。你也可以在jQuery上查看树遍历方法

干杯

答案 3 :(得分:1)

或者,你可以使用它:

var a = document.getElementsByTagName("a")
for (var i = 0; i < a.length; i++)
  if( a[i].href == "index.php?p=trading?m=21&b=btc" )
    alert( a[i].innerHTML );