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

Find and replace text in label jquery

本文关键字：文本 jquery 标签 替换 查找      更新时间：2023-09-26

我已经为示例标记:<label id="labelId" class="control-label col-lg-4">Some text ()</label>，我如何在括号中间插入文本并清除它?

I've try:

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

但这对我来说不是工作

您必须使用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>

您也可以使用.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>

试一下

$(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>

相关文章：