查找並替換標籤jquery中的文本

Question

我已經標籤爲ex。 ：<label id="labelId" class="control-label col-lg-4">Some text()</label>，我怎樣才能插入文本中的步槍和清除後？

我已經試過：

$('#labelId').replace("()", "(new)"); 

但是，這不是爲我

Answer 1

的工作，你已經獲得使用text()文本使用replace()然後設置替換文本回標籤替換它。

jQuery的解決方案：

var label_text = $('#labelId').text(); //Get the text 
$('#labelId').text(label_text.replace("()", "(new)")); //Replace and set the text back 

純JS的解決方案：

var label_text = document.getElementById('labelId').innerText; //Get the text 
document.getElementById('labelId').innerText = label_text.replace("()", "(new)"); //Replace and set the text back 

希望這有助於。

$(function(){ 
 
    var label_text = $('#labelId').text(); 
 

 
    $('#labelId').text(label_text.replace("()", "(new)")); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label id="labelId" class="control-label col-lg-4">Some text()</label>

Answer 2

嘗試這樣

$(document).ready(function(){ 
 
    $("#labelId").text($("#labelId").text().replace("()","(test)")); 
 
})

<label id="labelId" class="control-label col-lg-4">Some text()</label> 
 
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

Answer 3

您還可以使用.text(function)

返回要設置的文本內容的函數。接收集合中元素的索引位置和舊文本值作爲參數。

$('#labelId').text(function(index, text) { 
 
    return text.replace("()", "(new)"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label id="labelId" class="control-label col-lg-4">Some text()</label>