0

みなさん、こんにちは。読んでくれてありがとう。

私はこのhtmlを持っています。

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

jqueryでこれを選択し、「icon-minus」の「icon-plus」を変更して、「Test1」というテキストを別のものに置き換えるにはどうすればよいですか?

4

6 に答える 6

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 に答える
2

これが唯一のタグである場合は、<i>次を使用できます。

$("i").removeClass("icon-plus").addClass("icon-minus").html([your html])

これにより、クラス'icon-plus'が削除され、次にクラス' icon-minus'が追加され、入力するhtmlが挿入されます。

私の例では、タグまたはタグ(またはそれ以上!).html()を追加できるため、テキストにカスタムcssを適用できるようにすることを選択しました(ある場合)。<a><p>

使用に関する他の提案.text()ももっともらしいです。

jQuery Selectors.removeClass()、. addClass ( ) 、. html() 、. text()のドキュメントを確認してください

それはすべて、あなたが扱っているオブジェクトをどれだけ制御したいか、そしてあなたがそれで何をしたいかに依存します。

遊んで、新しいものを試して、楽しんでください!:)

于 2012-08-02T10:18:48.523 に答える
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 に答える
0

select要素のこのページセレクターを確認する必要があります。そして、この属性を変更します。

于 2012-08-02T10:12:18.740 に答える