みなさん、こんにちは。読んでくれてありがとう。
私はこのhtmlを持っています。
<i class="icon-plus icon-white"> Test 1</i>
jqueryでこれを選択し、「icon-minus」の「icon-plus」を変更して、「Test1」というテキストを別のものに置き換えるにはどうすればよいですか?
みなさん、こんにちは。読んでくれてありがとう。
私はこのhtmlを持っています。
<i class="icon-plus icon-white"> Test 1</i>
jqueryでこれを選択し、「icon-minus」の「icon-plus」を変更して、「Test1」というテキストを別のものに置き換えるにはどうすればよいですか?
$(".icon-plus").removeClass("icon-plus").addClass("icon-minus").html("new text");
これを試してみてください
$("i").removeClass('icon-plus').addClass('icon-minus');
$("i").html("Some Text");
これが唯一のタグである場合は、<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()のドキュメントを確認してください
それはすべて、あなたが扱っているオブジェクトをどれだけ制御したいか、そしてあなたがそれで何をしたいかに依存します。
遊んで、新しいものを試して、楽しんでください!:)
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');
あなたがすべてを検索していると仮定してicon-plus
:
var tag = $('i.icon-plus');
tag.removeClass('icon-plus');
tag.addClass('icon-minus');
tag.text('Something else');
特定のアイテムをキャッチしたい場合は、使用する必要がありますid="myid"
select要素のこのページセレクターを確認する必要があります。そして、この属性を変更します。