ラベルjqueryのテキストを検索して置き換えます

Question

私はexのラベルを付けました。 ：<label id="labelId" class="control-label col-lg-4">Some text()</label>、私はどのように私はブラケットの真ん中にテキストを挿入し、それをクリアした後にできますか？

私が試してみた：

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

をしかし、それはあなたがtext()バックラベルに置き換えたテキストを設定し、その後replace()を使用してそれを置き換える使用してテキストを取得するためにきた私にとって

Answer 1

仕事ではありません。

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 

・ホープ、このことができます。あなたが使用することもでき、この

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

てみ.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>

Answer 3

よう

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