如何用jquery选择目标标签?

时间:2012-08-02 10:06:14

标签: jquery

各位大家好,感谢您的阅读。

我有这个HTML;

<i class="icon-plus icon-white"> Test 1</i>

如何使用jquery选择此项并更改“icon-minus”中的“icon-plus”并将文本“Test 1”替换为其他内容?

6 个答案:

答案 0 :(得分:2)

Demo

$(".icon-plus").removeClass("icon-plus").addClass("icon-minus").html("new text");

答案 1 :(得分:2)

试试这个

$("i").removeClass('icon-plus').addClass('icon-minus');
$("i").html("Some Text");

答案 2 :(得分: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()

的文档

这完全取决于你想要对你正在处理的对象有多少控制权以及你想用它做什么。

玩游戏,尝试一些新东西,玩得开心! :)

答案 3 :(得分: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');​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

答案 4 :(得分:0)

假设您正在搜索每个icon-plus

var tag = $('i.icon-plus');
tag.removeClass('icon-plus');
tag.addClass('icon-minus');
tag.text('Something else');

如果要捕获特定项目,则必须使用id="myid"

答案 5 :(得分:0)

您应该查看此页面selectors以了解select元素。这个attributes用于改变。