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

Question

I've label for ex. : <label id="labelId" class="control-label col-lg-4">Some text ()</label> , how can i insert text in the middle of brakets and after clear it?

I've tried :

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

But that is not work for me

Answer 1

You've to get the text using text() replace it using replace() then set the replaced text back to the label.

jQuery solution :

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

Pure js solution :

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

Hope this helps.

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

You can also use .text(function)

A function returning the text content to set. Receives the index position of the element in the set and the old text value as arguments.

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

Try like this

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