jQuery从html中删除选定的类内容

Question

我需要获取#container的内容，除了类.removethis

<div id="container">Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
   <div class="removethis">sed</div> do 
   <div class="removethis">eiusmod</div> tempor incididunt ut labore et <b>dolore</b> magna aliqua. 
</div>

我的尝试$('#container').remove('.removethis'); alert($('#container').html());

Answer 1

1。如果要从html

中删除.removethis

$('.removethis').remove();删除.removethis元素。

＆＃13;

＆＃13;

$('.removethis').remove();
console.log($('#container').html())

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
  <div class="removethis">sed</div> do
  <div class="removethis">eiusmod</div> tempor incididunt ut labore et <b>dolore</b> magna aliqua. </div>

＆＃13;

＆＃13;

＆＃13;

2。如果您不想从html中删除.removethis，只是在获取内容时

或者，如果您实际上不想删除.removethis，但只是在获取HTML时不想要它，然后删除#container并从中删除.removethis。

＆＃13;

＆＃13;

var e = $('#container').clone();
$('.removethis', e).remove();
console.log(e.html());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
  <div class="removethis">sed</div> do
  <div class="removethis">eiusmod</div> tempor incididunt ut labore et <b>dolore</b> magna aliqua. </div>

＆＃13;

＆＃13;

＆＃13;