Question

我有以下链接HTML：

  <a href="#" onclick="run(1); return false;" class="link" title="Remove item">[x]</a>

我想使用jquery将其更改为

  <a href="#" onclick="run(1); return false;" class="link" title="Remove item">[x] Remove Item</a>

我想保留链接和所有属性，但要更改链接中的文字

Answer 1

您可以使用text（）函数获取链接中的文本，并使用text（String）函数将其设置为：

 $(".link").text($(".link").text() + " Remove Item");

如果您希望仅定位一个链接而不是所有带.link类的元素，则可以为链接指定唯一ID。

Answer 2

$('.link').text($('.link').text() + 'Remove Item');

OR

$('.link').each(function(){
    $(this).text($(this).text() + 'Remove item');
});

OR

$('.link').each(function(){
    $(this).text($(this).text() + $(this).attr('title'));
});

Answer 3

试试这个：

var $link = $('a[title="Remove item"]');
$link.text($link.text()+ ' ' + $link.attr('title'));

更多信息：以下内容更为明显，但不那么普遍：

$('a[title="Remove item"]').text('[x] Remove item');

Answer 4

$('.link').each(function () {
    $(this).text($(this).text() + ' ' + $(this).attr('title'));
});

Answer 5

使用：

jQuery(document).ready(
    function($)
    {
        if($('.link').text() == '[x]')
        {
           $('.link').text('[x] Remove');
        }
    }
);

Answer 6

$("a.link").append('Remove item')

如何使用jQuery更改链接中的文本

6 个答案: