jQuery链方法不起作用

时间:2014-10-07 02:43:14

标签: javascript jquery html

我想使用jQuery html()方法检索整个页脚标记内容,最终输出应该在一个变量中。

我尝试使用jQuery链方法,但它不起作用。下面的代码出了什么问题。使用jQuery html()方法检索后,链接不应该是可点击的。

<!DOCTYPE html>
<html>
<head>

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
 var footercontent = $('footer').html().removeAttr('href');
 alert(footercontent);
 });
</script>
</head>
<body>
<footer>
<a href="#">site Map</a> | <a href="#">Privacy stat</a> | <a href="#">Tutorials</a>
<p>Anchor tag link should be removed without content alignment changed.</p>
<p>This is another paragraph.</p>
<p>This is another paragraph.</p>
<p>Anchor tag link should be removed without content alignment changed.</p>
</footer>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

试试这个

$(document).ready(function(){
        $('footer').find('a').removeAttr('href');
        var footercontent = $('footer').html();
        alert(footercontent);
});

答案 1 :(得分:0)

代码应为:

$('footer a').removeAttr('href');

您正尝试从页脚元素中删除href属性,但您需要将其从页脚内的任何标记中删除。