查找并替换标签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>