jqueryでリンクからHTMLテキストを変更する


113

ここで簡単な質問

「ここをクリック」というテキストを変更する方法はありますか

<a id="a_tbnotesverbergen" href="#nothing">click here</a>

このリンクで

リチャード

回答:


164

jqueryのtext()関数を使用する必要があります。それは何ですか:

一致したすべての要素の結合されたテキストコンテンツを取得します。

結果は、一致したすべての要素の結合されたテキストコンテンツを含む文字列です。この方法は、HTML文書とXML文書の両方で機能します。入力要素では使用できません。入力フィールドのテキストには、val属性を使用し ます

例えば:

最初の段落のテキストを見つけ(htmlを取り除いて)、最後の段落のhtmlを設定して、それが単なるテキストであることを示します(太字はなくなりました)。

var str = $("p:first").text();
$("p:last").html(str);

テスト段落。

テスト段落。

あなたのマークアップであなたはしなければなりません:

$('a#a_tbnotesverbergen').text('new text');

そしてそれは

<a id="a_tbnotesverbergen" href="#nothing">new text</a>


29
$('#a_tbnotesverbergen').text('My New Link Text');

または

$('#a_tbnotesverbergen').html('My New Link Text or HTML');

14

これを簡単に行うには、Jクエリライブラリが必要です。

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

まず、次のように要素をdivに配置する必要があります。

<div id="divClickHere">
<a id="a_tbnotesverbergen" href="#nothing">click here</a>
</div>

次に、このJ-Queryコードを記述します。

<script type="text/javascript">
$(document).ready(function(){
$("#a_tbnotesverbergen").click(function(){
$("#divClickHere a").text('Your new text');
});
});
</script>

7

これが、仕事を成し遂げるための最も単純なコードであることがわかりました。ご覧のとおり、とてもシンプルです。

元のリンクテキスト

私が使う:

    $("#sec1").text(Sector1);

どこ

   Sector1 = 'my new link text';

6

W3 SchoolsからHTML DOMの変更:3番目の例を見ると、リンクのテキストを変更する方法を示しています。ここをクリックしてください。例:

<a id="a_tbnotesverbergen" href="#nothing">click here</a>

JS:

var element=document.getElementById("a_tbnotesverbergen"); 
element.innerHTML="New Text";

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.