使用jquery提取href標簽的值

Question

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

任何幫助將不勝感激，謝謝。

Answer 1

使用.field_20.field_facebook （沒有空格，而是一個句點）。

class屬性允許您在同一元素上用空格定義多個類。 這不同於jQuery（和CSS）選擇器，后者的空間是后代選擇器。 也就是說， .field_20 field_facebook嘗試選擇<field_facebook>元素，該元素是.field_20類的元素的后代。 使用.field_20 .field_facebook也不起作用，因為后代選擇器仍然存在。 省略空間是通過同一元素上的多個類進行選擇的正確語法。

Answer 2

嘗試將此作為您的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()

Answer 3

您的選擇器行可以簡化為：

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

就像在CSS，你可以選擇a它是一個類元素的子.field_20.field_facebook 。

Answer 4

<tr class="field_20 field_facebook">

這些類在同一元素上可用。

因此，在選擇器中使用時，兩個類之間不應有空格。

jQuery(".field_20.field_facebook")

使用下面的行訪問facebook鏈接

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