查找并替换标签jquery中的文本

时间:2016-11-10 12:47:39

标签: javascript jquery

我为ex标记了。 :<label id="labelId" class="control-label col-lg-4">Some text ()</label>,我怎样才能在文件中间插入文字并清除它之后?

我试过了:

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

但这对我不起作用

3 个答案:

答案 0 :(得分:4)

您已使用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

希望这有帮助。

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

  $('#labelId').text( label_text.replace("()", "(new)") );
})
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:4)

您也可以使用.text(function)

  

返回要设置的文本内容的函数。接收集合中元素的索引位置和旧文本值作为参数。

&#13;
&#13;
$('#labelId').text(function(index, text) {
  return text.replace("()", "(new)");
});
&#13;
<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>
&#13;
&#13;
&#13;

答案 2 :(得分:3)

试试这个

&#13;
&#13;
$(document).ready(function(){
  $("#labelId").text($("#labelId").text().replace("()","(test)"));
})
&#13;
<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>
&#13;
&#13;
&#13;