使用jquery提取href标签的值

时间:2013-06-04 23:37:26

标签: jquery html

<tr class="field_20 field_facebook">
<td class="label">Facebook</td>
<td class="data"><p><a href="http://facebook.com/facebook">Test</a></p>
</td></tr>
<img id="fb" src="fb.png">

你好,所以这就是我所拥有的,我想用jquery选择值http://facebook.com/facebook并打开链接。 这就是我到目前为止所做的:

<script>
jQuery(document).ready(function(){
jQuery("#fb").click(function() {
  var fb = jQuery(".field_20 field_facebook").find("a").attr("href");
window.open(fb);

}); //click function ends
}); // document ready ends
</script>

任何帮助将不胜感激,谢谢。

4 个答案:

答案 0 :(得分:4)

使用.field_20.field_facebook(没有空格,但只有一段时间)。

class属性允许您使用空格在同一元素上定义多个类。这与jQuery(和CSS)选择器不同,其中空间是后代选择器。也就是说,.field_20 field_facebook尝试选择<field_facebook>元素,该元素是具有.field_20类的元素的后代。使用.field_20 .field_facebook无效,因为后代选择器仍在那里。省略空格是通过同一元素上的多个类进行选择的正确语法。

答案 1 :(得分:1)

试试这个jQuery脚本:

$(document).ready(function() {

    $("#fb").click(function() {
        var fb = $('td.data a').attr('href');
        alert(fb);
        window.open(fb);
    }); //click function ends

}); //END $(document).ready()

答案 2 :(得分:1)

您的选择线可以简化为:

var fb = jQuery(".field_20.field_facebook a").attr("href");

就像在CSS中一样,您可以选择a,它是类.field_20.field_facebook元素的子元素。

答案 3 :(得分:1)

<tr class="field_20 field_facebook">

这些类在同一元素上可用。

因此,在选择器中使用时,两个类之间不应有空格。

jQuery(".field_20.field_facebook")

使用以下行访问facebook链接

jQuery(".field_20.field_facebook a").attr("href");