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

Popular posts from this blog

jOOQ update returning clause with Oracle -

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

java - BasicPathUsageException: Cannot join to attribute of basic type -