大家好，感谢阅读。
我有这个html；
<i class="icon-plus icon-white"> Test 1</i>
如何使用 jquery 选择它并更改“icon-minus”中的“icon-plus”并将文本“Test 1”替换为其他内容？
问问题
119 次
6 回答
2
如果这是唯一的标签<i>，那么您可以使用：
$("i").removeClass("icon-plus").addClass("icon-minus").html([your html])
这将删除您的类“icon-plus”，然后添加类“icon-minus”，然后插入您选择输入的html。
我选择.html()在我的示例中使用它，因为它使您能够添加<a>标签或<p>标签（或更多！），以便您的文本可以应用自定义 CSS（如果您有的话）
其他使用建议.text()也是合理的。
检查jQuery Selectors、.removeClass()、.addClass()和.html()和.text()的文档
这完全取决于您想要对正在处理的对象进行多少控制，以及您想要对它做什么。
玩一玩，尝试一些新的东西，玩得开心！:)
于 2012-08-02T10:18:48.523 回答
2
演示
$(".icon-plus").removeClass("icon-plus").addClass("icon-minus").html("new text");
于 2012-08-02T10:10:04.377 回答
2
试试这个
$("i").removeClass('icon-plus').addClass('icon-minus');
$("i").html("Some Text");
于 2012-08-02T10:12:23.897 回答
1
您可以使用addClass添加类、removeClass删除类和text更改文本。例如：
HTML：
<i id="item" class="icon-plus icon-white"> Test 1</i>
JS：
$('#item').removeClass('icon-plus').addClass('new-class').text('new text');
于 2012-08-02T10:09:21.383 回答
0
假设您正在搜索每个icon-plus：
var tag = $('i.icon-plus');
tag.removeClass('icon-plus');
tag.addClass('icon-minus');
tag.text('Something else');
如果你想抓住一个特定的项目，你必须使用id="myid"
于 2012-08-02T10:09:47.900 回答