ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery .text()関数
jQueryのtext()
属性には2つのバージョンがあります。キーポイント:text()
text(val)
text()
text()
の代替案は、ラインブレイクを保持するカスタム関数です。この関数は、text(val)
属性(利用可能な場合)を使用し、html()
をtext()
innerText
jQueryのinnerHTML
関数を使用して、1つ以上の要素のテキストコンテンツを取得または設定できます。 HTMLタグをプレーンテキストとして扱い、HTMLコンテンツを取得または設定するために使用することはできません。 Appendingテキストの場合は、<br>
の代わりにn
メソッドを使用します。 text()
jQuery.append()
function.text()
text()
テストしたすべてのブラウザで正しく動作します。基本例:最初の段落(HTMLを削除)でテキストを見つけてから、最後の段落のHTMLを設定して、それが単なるテキストであることを示します(赤い太字が消えます)。 jQuery.text()
function.text()
text()
Syntax:
text(val)
テストしたすべてのブラウザで正しく動作します。基本例:テキストを段落に追加します(太字が逃げられていることに注意してください)。
.text(val)
jQuery .text(val)
関数の代替.html()
text(val)
これは、ラインブレークを保持するjQueryの
$("p").text("Some new text.");
text()
jQuery
.text()
jquery
(function($){ $.fn.innerText = function(msg) { if (msg) { if (document.body.innerText) { for (var i in this) { this[i].innerText = msg; } } else { for (var i in this) { this[i].innerHTML = this[i].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, ""); } } return this; } else { if (document.body.innerText) { return this[0].innerText; } else { return this[0].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, ""); } } }; })(jQuery);
text()
関数は、要素のテキストコンテンツを取得できる強力なツールです。これを行うには、jQueryセレクターを使用して要素を選択し、text()
は段落を選択するためのjQueryセレクターであり、text()
関数を使用して、要素のテキストコンテンツを設定できますか? はい、jQuerytext()
関数を使用して要素のテキストコンテンツを設定できます。これを行うには、新しいテキストコンテンツをパラメーターとして.text()
メソッドに渡す必要があります。たとえば、ID「Mypara」を「Hello、World!」に段落のテキストコンテンツを設定する場合は、次のコードを使用できます。
$("p").text("Some new text.");は段落を選択するためのjQueryセレクターであり、
はテキストコンテンツを設定する方法です。 $("#myPara")
.text("Hello, World!")
複数の要素でjQuery
text()
jQuery
このコードでは、text()
は段落を選択するためのjQueryセレクターであり、
(function($){ $.fn.innerText = function(msg) { if (msg) { if (document.body.innerText) { for (var i in this) { this[i].innerText = msg; } } else { for (var i in this) { this[i].innerHTML = this[i].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, ""); } } return this; } else { if (document.body.innerText) { return this[0].innerText; } else { return this[0].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, ""); } } }; })(jQuery);
jQuery$(".myClass")
関数を使用して複数の要素のテキストコンテンツを設定すると、選択したすべての要素のテキストコンテンツを指定されたテキストに設定します。たとえば、クラス「myclass」に「hello、world!」にあるすべての段落のテキストコンテンツを設定する場合は、次のコードを使用できます。
.text()
このコードでは、
はテキストコンテンツを設定する方法です。 text()
var text = $("#myPara").text();関数を使用してHTMLコンテンツを取得または設定できますか?
$(".myClass")
いいえ、jQuery.text("Hello, World!")
関数を使用してHTMLコンテンツを取得または設定することはできません。
text()
関数とjQuery text()
関数の違いは何ですか? .text()
.html()
jQuery
text()
メソッドは任意のHTMLタグをプレーンテキストとして扱いますが、html()
メソッドはそれらをHTMLとして扱います。つまり、メソッドを使用すると、HTMLタグを含むHTMLコンテンツを返します。 text()
html()
他のjQueryメソッドでjquery .text()
関数を使用できますか? .html()
.text()
はい、他のjQueryメソッドでjquery .html()
関数を使用できます。たとえば、
text()
$("p").text("Some new text.");このコードでは、
は、段落を選択するためのjQueryセレクターであり、$("#myPara")
はテキストコンテンツを設定する方法であり、.text("Hello, World!")
はテキストの色を赤に変更する方法です。 .css("color", "red")
text()
メソッドの代わりに.append()
メソッドを使用する必要があります。 .text()
メソッドは、既存のテキストコンテンツを新しいテキストに置き換え、.text()
メソッドは既存のテキストコンテンツの最後に新しいテキストを追加します。例は次のとおりです。.append()
(function($){ $.fn.innerText = function(msg) { if (msg) { if (document.body.innerText) { for (var i in this) { this[i].innerText = msg; } } else { for (var i in this) { this[i].innerHTML = this[i].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, ""); } } return this; } else { if (document.body.innerText) { return this[0].innerText; } else { return this[0].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, ""); } } }; })(jQuery);は段落を選択するためのjQueryセレクターであり、
は既存のテキストコンテンツの最後にテキストを追加する方法です。 $("#myPara")
.append(" Hello, World!")
jQuery
text()
jQueryを使用して要素からすべてのテキストを削除する場合は、
.text()
このコードでは、
var text = $("#myPara").text();はテキストを削除する方法です。
$("#myPara")
メソッドを使用するか、特定のテキストを空の文字列に置き換える関数を含む.text("")
メソッドを使用する必要があります。
jQuery.replaceWith()
関数の返品タイプは何ですか? .html()
text()
関数を使用できますか? text()
text()
メソッドを使用してテキスト以外の要素のテキストコンテンツを取得すると、要素内のテキストノードのテキストコンテンツを返します。 以上がjQuery .text()関数の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。