簡體   English   中英

使用jQuery / javascript更改html文本

[英]Changing html text using jQuery/javascript

我需要使用jQuery / javascript更改html標記內的文本。 例如,我需要更改此:

<a id="id_1" href="www.google.com"> TEST </a>

到這個:

<a id="id_1" href="www.google.com"> SUCCESS </a>

這應該通過jQuery函數在固定的時間間隔內完成,但是我知道該計時部分該怎么做-我只是不知道如何更改此文本。 歡迎您提供任何幫助,因為這是我第一次嘗試這樣做。

編輯:對不起,這似乎是每個人的愚蠢新手問題。 我曾嘗試過在線搜索,但是無論輸入什么,都會得到諸如更改字段值或元素屬性之類的結果。 我將選擇第一個答案,再次為這個問題感到抱歉。

您可以簡單地更新文本,如下所示:

$("#id_1").text("SUCCESS");

如果您查看jQuery API文檔 ,將會看到一個名為jQuery的函數(通常也為$ ),該函數可以基於CSS選擇器找到元素,而另一個基於html 您可以使用它們來執行此操作。

$("#id_1").html(" SUCCESS ");

如果您花一個小時閱讀API文檔(實際上只花那么長時間),那么您會在其中找到很多非常有用的信息。 還可以考慮閱讀DOM(文檔對象模型),jQuery使用DOM來執行(大部分)工作。 可以在W3C DOM頁面上找到各種DOM文檔。

您可以使用jquery的html()方法的text()更改錨點的內容,

現場演示

$('#id_1').text("SUCCESS");

如果您想設置html

$('#id_1').html("SUCCESS");

這很簡單:

$("#id_1").text('SUCCESS')

第一種方法是:

 $("#id_1").text('SUCCESS');

如果您想更改所有帶有href google use的鏈接

$("a[href^='http://www.google.com']").text('SUCCESS');

您可以使用以下方法更改課程:

$("#id_1").css('class','class2')

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM