<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>
如有任何帮助，我们将不胜感激。
最佳答案
使用 .field_20.field_facebook (没有空格，只有句号)。
class属性允许你在同一个元素上用一个空格定义多个类。这与 jQuery(和 CSS)选择器不同，后者的空格是后代选择器。即 .field_20 field_facebook尝试选择 <field_facebook> .field_20 元素的后代元素类(class)。使用 .field_20 .field_facebook也不会工作，因为后代选择器仍然存在。省略空格是通过同一元素上的多个类进行选择的正确语法。
关于jquery - 使用 jquery 提取 href 标签的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16929201/