3

ブログ投稿のレイアウトに影響を与えるこれらの奇妙なdivを生成しているrssウィジェットがあります。これらのdivは、画像と画像の1つの段落だけを囲み、画像を折り返す必要がある他の段落を押して、本当に厄介なスペースのブロックを作成します。

既存のマークアップの例を次に示します。

<div class="separator" style="clear: both; text-align: left;">
<a style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" imageanchor="1" href="#" target="_blank">
<img width="320" height="214" border="0" src="http://3.bp.blogspot.com/-TIpzIZpEY50/TwEruI4XDlI/AAAAAAAAAXg/gIv3vafB3Sc/s320/December+2011+130.JPG">
</a>
and here is a bunch of text 
</div>

私がやりたいのは、ラッピングdivクラスセパレーターを削除し、その中のコンテンツに置き換えることです。このdivの各インスタンスには、異なるコンテンツがあります。

だから私は次のjqueryスクリプトを使おうとしましたが、コンテンツが子divでラップされていないため、機能しません。

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("div.separator").replaceWith(function() {
return $(this).contents();

});

ご協力いただきありがとうございます！

4

5 に答える 5

1

http://jsfiddle.net/Sztzq/

 ('.separator').children(':first').unwrap();
于 2012-01-20T18:53:05.867 に答える
1 
$('div.seperator').each(function() {
  $(this).replaceWith($(this).children());
});
于 2012-01-20T18:53:18.233 に答える
1

jQueryの.unwrap（）メソッドを使用するだけです。

$("div.separator").children(':first').unwrap();
于 2012-01-20T18:54:35.287 に答える
1 
$("div.separator").children().unwrap();
于 2012-01-20T18:59:40.143 に答える
0

それらを削除したいだけの場合は、を使用してください$('div.separator').remove();。

divを再利用するには、次のいずれかを使用します

$('div.separator').empty().html('<p>your custom html here</p>');

また

$('div.separator').empty().append(yourExistingDOMElement);

何に置き換えるかによって異なります。

それらすべてに取り組むために、それは次のようになります：

$('div.separator').each(function () {
    $(this).empty().html(string); //or the append version.
});

お役に立てれば、

ピート

于 2012-01-20T18:56:52.277 に答える