5

簡単に聞こえますが、機能しません。2つのスパンタグ間のすべてのコンテンツ（テキストとタグ）を削除したい：

<div class="comment-body" id="comment-body-parent-330">
<p><span id="sc_start_commenttext-330"></span>
Some Text<br>
Some Text<br>
Some Text</p>
<p>Some Text<span id="sc_end_commenttext-330"></span>
</p>
Some Text and Code
</div>

スパンID「sc_start_commenttext-330」とスパンID「sc_end_commenttext-330」の間にあるものはすべて、次のように削除する必要があります。

    <p><span id="sc_start_commenttext-330"></span>
<span id="sc_end_commenttext-330"></span>
    </p>

私はそのコードでそれを試してみましたが、それはうまくいきません：

    jQuery("#sc_start_commenttext-330").
nextUntil("#sc_end_commenttext-330").
remove();

コードはCMSによって生成されるため、HTMLを変更することはできません。

いくつかのアイデア？どうもありがとう！

4

6 に答える 6

3

次のjQuery…</p> 

//Removing all non span elements
$('p').children().not('span').remove();​

//Removing text nodes
var forEach = [].forEach;
forEach.call($('p').contents(), function(node){
    if (node.nodeType === 3) {
      $(node).remove();
    }
});

結果は…</p> 

<p><span id="sc_start_commenttext-330"></span></p>
<p><span id="sc_end_commenttext-330"></span></p>

編集：これは、テキストノードを削除するための代替のforループアプローチです

//Removing text nodes
for (var i = 0, allNodes = $('p').contents(); i < allNodes.length; i++) {
    if (allNodes[i].nodeType === 3) {
      $(allNodes[i]).remove();
    }
}
于 2012-12-06T10:24:18.697 に答える
1

1つの方法は、その祖先の1つのhtmlコンテンツを置き換えることです。ここであなたは祖父母に行くことができます、しかしあなたは適応することができます。したがって、私はそのようなものを提案します：

var $parent = $("#sc_start_commenttext-330").parent().parent(),
    parentContent = $parent.html();

parentContent = parentContent.replace(/(<span id="sc_start_commenttext-330".*<\/span>)((.|\s)*)(<span id="sc_end_commenttext-330".*<\/span>)/, "$1$4");
$parent.html(parentContent);
于 2012-12-06T10:15:19.640 に答える
1

これは別のアプローチです。

var $comment_body = $('.comment-body'), // cache the <div> for future uses
    html = $comment_body.html(), // get the HTML
    // find the first </span>
    start_pos = html.indexOf('</span>', html.indexOf('<span id="sc_start_')) + '</span>'.length, // You can use 7 instead of '</span>'.length, I used it for clarity
    // find the next sc_end_
    end_pos = html.indexOf('<span id="sc_end_', start_pos);
$comment_body.html(
    // replace the unwanted parts
    html.replace(
        html.substring(0, end_pos).substring(start_pos), // unwanted parts
        ''
    )
);

ここで実際に動作しているのを見ることができます

于 2012-12-06T10:36:46.663 に答える
1

あなたはこのコードでそれを行うことができます：

// Find the start <span> and its container <p>
var $startSpan = $('#sc_start_commenttext-330');
var $startP = $startSpan.parent();

// Find the end <span> and its container <p>
var $stopSpan = $('#sc_end_commenttext-330');
var $stopP = $stopSpan.parent();

// Clear the contents of the <span> elements and move them
//   to a temporary location at the end of the document
$startSpan.html('').appendTo($('body'));
$startSpan.html('').appendTo($('body'));

// Delete anything between the two paragraphs
$startP.nextUntil($stopP).remove();

// Clear the contents of the start and end paragraphs
//   and re-insert the <span> elements
$startP.html('').append($startSpan);
$stopP.html('').append($stopSpan);

ここで動作することを確認してください：http：//jsfiddle.net/44aLQ/1/

于 2012-12-06T10:38:50.113 に答える
1

それはあなたが何をしようとしているのかによります...次のようなことを試してください：

// for every "p" element
$("p").each(
  function () {
     // temprary save the children elements like spans & divs
     $temp = $(this).children("span,div");
     // clean the "p" container (text + <br>)
     $(this).empty();
     // recive the children
     $(this).append($temp);
   }
);

ご覧のとおり、保持したい要素（span、div）を制御できます...そして残りをすべて削除します。それが役に立てば幸い ：-）

于 2012-12-06T10:56:24.740 に答える
0

使用する

$(function() {
	$('span').remove();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p><a href="#" id="doClean">Click here to clear comments</a></p>
<p>Text before....</p>
<p><span id="sc_start_commenttext-330">alma</span> Some Text<br> Some Text<br> Some Text</p>
<p>Random paragraph in the middle</p>
<p>Some Text<span id="sc_end_commenttext-330">mahbub</span></p>
<p>Text after...</p>

于 2015-12-15T07:33:19.307 に答える