jQuery добавьте первую часть div, затем добавьте последнюю часть div seperatley - PullRequest
Новая
       12

jQuery добавьте первую часть div, затем добавьте последнюю часть div seperatley

5 голосов
/ 11 мая 2011

Я пытаюсь обернуть следующие цены и текст в один div.

Вот что у меня есть: 

<table cellspacing="0" cellpadding="0" border="0" class="thePrices">
  <tbody>
    <tr>
      <td>
        <font class="text colors_text">
          <b>MSRP: <span class="priceis">$90.00</span></b>
        </font><br>
        <b><font class="pricecolor colors_productprice">
                     <font class="text colors_text"><b>Burkett Price:</b></font>
        <span class="priceis">$289<sup>.99</sup></span>
        </font>
        </b><br>
        <a href="a link">A link goes here</a>
        <table>A TABLE WITH STUFF GOES HERE</table>
      </td>
    </tr>
  </tbody>
</table>

Вот что я пытаюсь получить: 

<table cellspacing="0" cellpadding="0" border="0" class="thePrices">
  <tbody>
    <tr>
      <td>
        **
        <div class="pricebox">**
          <font class="text colors_text">
            <b>MSRP: <span class="priceis">$90.00</span></b>
          </font><br>
          <b><font class="pricecolor colors_productprice">
                         <font class="text colors_text"><b>Burkett Price:</b></font>
          <span class="priceis">$289<sup>.99</sup></span>
          </font>
          </b><br> **
        </div>**
        <a href="a link">A link goes here</a>
        <table>A TABLE WITH STUFF GOES HERE</table>
      </td>
    </tr>
  </tbody>
</table>

Это не сработает, но вы поймете, что я делаю неправильно: 

$(document).ready(function () {
$('.thePrices').find('td').find('font:first').before('<div class="pricebox">');
$('.thePrices').find('.colors_productprice').find('b').after('</div>');
});

Может быть, я должен использовать SLICE?

Ответы [ 2 ]

5 голосов
/ 11 мая 2011

Я думаю, что вы хотите .wrapAll()
Обновлено , чтобы использовать .andSelf() для включения <font/>

$('.thePrices').find('td').children().first().nextUntil('a').andSelf().wrapAll('<div class="pricebox"></div>');

Пример для jsfiddle

0 голосов
/ 11 мая 2011 
$('.thePrices>tbody>tr>td').children().slice(0,3).wrapAll('<div class="pricebox"></div>');

Использует slice () , чтобы нарезать первых 3 дочерних элементов перед их упаковкой. Обратите внимание: <br> - это дочерний элемент, если вы хотите обернуть br передa изменить 3 на 4

...