replaceWith автоматически закрывает тег - PullRequest
Новая
       4

replaceWith автоматически закрывает тег

3 голосов
/ 13 января 2011

У меня есть 3 div, и я хочу заменить первый div открывающим тегом другого div, а третий - закрывающим тегом.Вот что я имел в виду: 

<div>1</div>
<div>2</div>
<div>3</div>

Когда я пытался заменить (используя replaceWith ()) первый div на <div class="foo">, а третий на </div>, jQuery несколько неправильно истолковал его как: 

<div class="foo"></div>
<div>2</div>
</div>

В то время как я на самом деле хочу: 

<div class="foo">
 <div>2</div>
</div>

Заранее спасибо,

1 Ответ

2 голосов
/ 13 января 2011

Вы должны работать с целыми элементами, а не с фрагментами HTML-кода. Еще один способ думать об этом: 

// Get the div you want
var good = $('div:eq(1)');
// Remove the others
$('div').not(good).remove();
// Wrap the div you want
good.wrap('<div class="foo">');

Если между первым и последним есть несколько делений, вы можете сделать это: 

$('div:first').replaceWith('<div class="foo">');
$('div.foo').nextAll('div').appendTo('div.foo');
$('div.foo :last').remove();

См. Демо: http://jsfiddle.net/TBMHt/

...