如何使用JQuery选择元素并修改其内容?

时间:2014-01-10 21:33:15

标签: javascript jquery css

我有以下结构:

<div class="button">
<a href="/" target="_blank" class="test">Photos</a>
</div>

使用JQuery如何选择.button并从html中删除target =“_ blank”?

我能够通过遵循JQuery文档来到这里,但我是新手并且迷失了。

$('.button').html("<a href="/" class="test">Photos</a>");

3 个答案:

答案 0 :(得分:8)

$(".button a").removeAttr("target");

虽然这很容易弄清楚它的作用,但removeAttr()方法将删除从选择器调用的所有/所有html属性。

以下是文档http://api.jquery.com/removeattr/

答案 1 :(得分:0)

试试这样:
我已经改变了测试的href值 现场演示:http://jsfiddle.net/pZAdP/8/

   $( document ).ready(function() {
    $('.button').html("<a href='/go' class='test'>Photos</a>");
    });

答案 2 :(得分:0)

问题:您使用双引号引用html和标记都使用**single quote**作为其中一个

解决方案

$('.button').html('<a href="/" class="test">Photos</a>');

如果您想删除只是一个属性,请使用此

$('.button').find('a').removeAttr('target');