jQuery
text()
は、すべての一致した要素の内容を取得するために使用されます。
text( ‘new text’)
は、すべての一致した要素のテキスト内容を置き換えるか、または設定するために使用されます。
例えば、
<div class="TClass">TEXT 1</div> <div class="Tlass">TEXT 2</div>
1. $( ‘. TClass’). text()
これは、一致する要素のすべての内容を組み合わせ、 ”
TEXT 1 TEXT 2
“を返します。 html()とは異なり、最初の要素の内容のみを取得します。
2. $( ‘. TClass’). text( ‘
これは新しいテキストです
‘)
すべてのhtmlタグ** <と>は
<div class="AClass"><b>This is new text</b></div> <div class="AClass"><b>This is new text</b></div>
jQuery text()の例
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<style type="text/css">
.textClass{
padding:8px;
border:1px solid blue;
margin-bottom:8px;
}
</style>
</head>
<body>
<h1>jQuery text() example</h1>
<div class="textClass">Text ABC ....</div>
<div class="textClass">Text ABC 2....</div>
<p>
<button id="getText">text()</button>
<button id="setText">text('xxx')</button>
<button id="reset">reset</button>
</p>
<script type="text/javascript">
$("#getText").click(function () {
alert($('.textClass').text());
});
$("#setText").click(function () {
$('.textClass').text('<b>This is a new text</b>');
});
$("#reset").click(function () {
location.reload();
});
</script>
</body>
</html>
リンク://wp-content/uploads/jQuery/jQuery-text-example.html[デモを試してください]