web-dev-qa-db-ja.com

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

ここに簡単な質問

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

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

このリンクで

リチャード

javascriptjquerydomhyperlink
107
Richard

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>
159
eKek0

探しているメソッドは jQueryの.text（） であり、次の方法で使用できます。

$('#a_tbnotesverbergen').text('text here');
60
xenon
$('#a_tbnotesverbergen').text('My New Link Text');

OR

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

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

<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>
14
Mohammed Alasa'ad

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";
6
cbell1977

これが仕事を成し遂げるための最も簡単なコードであることがわかりました。ご覧のとおり、非常に簡単です。

元のリンクテキスト

私が使う：

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

どこ

   Sector1 = 'my new link text';
6
David White

javaScriptでこれを試してください

 document.getElementById("22IdMObileFull").text ="itsClicked"
0
Yitzhak Weinberg