When I load the page, I have some checkboxes:
<input type="checkbox">
And when I get to the ready page, I want to put the checkbox inside a label with class 'checkboxPersonalizada', being as follows:
<label class="checkboxPersonalizada">
<input type="checkbox">
<i></i>
</label>
I believe you can use the jquery wrap to achieve what you want in the following way.
$(document).ready(function(){
var checkboxElment = $('#checkboxWrapped');
var wrapper = $('<label/>').addClass('checkboxPersonalizada').text();
var extraElem = $('<i/>').text();
checkboxElment.wrap( wrapper ).parent().append( extraElem );
});
link: link
I left the text property if you'd like to add something.
Your question was not very clear. But would it be something like that?
$(document).ready(function() {
var conteudo = $(".checkboxPersonalizada").html();
var check = "<input type='checkbox'>";
$(".checkboxPersonalizada").html(conteudo + check)
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><labelclass="checkboxPersonalizada">
oi
<i></i>
</label>