javascript - Change .text() content and keep child html -
can tell me how remove character @ span tag without changing child html(s)?
$('button').click(function() { // ... }); #name { background-color: #ccc } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span> <span id="name"> <a href="#">harry</a> </span> says: hello @<span id="name"> <a href="#">hermione</a> </span> </span><br /> <button>remove</button> my idea: parent .text(), split character @, override parent text (parent.text('')) , append 2 parts parent. way has big problem: child html(s) wouldn't kept.
i've added id outer <span> , deduplicated name ids.
$('button').click(function () { $('#outer').html($('#outer').html().replace(/@/,'')); }); #name { background-color: #ccc } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span id='outer'><span id="name"><a href="#">harry</a></span> says: hello @<span id="name2"><a href="#">hermione</a></span></span> <br /> <button>remove</button>
Comments
Post a Comment