Question

我的HTML看起来像这样：

<blockquote>
  <strong class="quote-title">
    Mary wrote:
  </strong>
  <hr />The quick brown fox jumped over the lazy dog.
</blockquote>

我想删除/隐藏hr标签和＆＃34;快速棕色狐狸＆＃34;判决但只留下强烈的文本。

如果strong是我当前的元素，我该怎么做？

Answer 1

试试这个

$("strong").next()[0].nextSibling.nodeValue = "" // Or nextSibling.remove()
$("strong").next().remove()

这将删除</hr>和</hr>

之后的文字

Fiddle

Answer 2

$('blockquote').html(function(){
    return $(this).find('.quote-title')[0].outerHTML;
});

Answer 3

尝试

$('.quote-title').nextAll('hr').remove();

JsFiddle http://jsfiddle.net/27FRU/

Answer 4

您可以尝试将<hr/>...包裹在div中，然后使用强文本元素，并删除兄弟姐妹，如下所示：

var elem = $('.quote-title');
elem.next().remove();

看看这个Demo

Answer 5

您必须将句子放在容器中。例如这样：

<blockquote>
  <strong class="quote-title">
    Mary wrote:
  </strong>
  <div><hr />The quick brown fox jumped over the lazy dog.</div>
</blockquote>

然后你可以在jQuery中隐藏它：

$('.quote-title').next().hide();

或在css中：

.quote-title + div { display: none; }

从兄弟中删除文本

5 个答案: