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