ドキュメントには次のような要素があります。
<div class="checkbox-inline">
<label><input id="myinputid" value="False" type="checkbox"/>mytext</label>
</div>
次を使用してテキストを取得するためにアクセスできます。
$("#myinputid").parent().text();
これはmytext
私が望んでいたように戻ります。あれは:
$("#myinputid").parent().text("newtext");
最初の要素をに変更します
<div class="checkbox-inline"><label>newtext</label></div>
入力を削除せずにテキスト部分を変更するにはどうすればよいですか?それとも私はそれを再構築する必要がありますか?
そもそもチェックボックスを構造化するためのより良い方法があれば、それは許容できる代替手段です。
(1)「for」属性の使用は1つのオプションです:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#Using_the_for_attribute
はの子で<input>
はなくなった<label>
ため、入力はtext()
。での変更による影響を受けません。
<div class="checkbox-inline">
<label for="myinputid">mytext</label>
<input id="myinputid" value="False" type="checkbox">
</div>
(2)別のオプションは、次のように再構築することです。
<div class="checkbox-inline">
<label>
<span>mytext</span>
<input id="myinputid" value="False" type="checkbox">
</label>
</div>
次に、入力を変更せずにスパンのテキストを変更できます。ラベル内のスパンは、次のように許可されます。<label>ブロック内の<div>は正しいですか?
(3)元のHTML構造の可能な解決策は次のとおりです。jQuery-他の要素(アンカー)を削除せずに要素のテキストのみを設定する
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加