Question

If I have the bellow code, is it possible to select 1st, 2nd and 3rd dd separately. For instance if I wanted to change the sub price to 30, the shipping to 10 and the total to 40, how would I select each dd separately in jquery? I know I could just add classes and do via that, I was just wondering if there is another way of doing it.

<dl class="cart">
  <dt>Sub-Total:</dt>
    <dd>10.00</dd>
  <dt>Shipping</dt>
    <dd>5.00</dd>
  <dt>Total:</dt>
    <dd>15.00</dd>
</dl>

Also how would I add in jquery

  <dt>Discount</dt>
    <dd>-5.00</dd>

Right above the Total dt

Answer 1

var newDD = '<dt>Discount</dt><dd>-5.00</dd>';

$('dd', '.cart').eq(0).text(30);
$('dd', '.cart').eq(1).text(10);    
$('dd', '.cart').eq(2).text(40);    

$('dt', '.cart').last().before(newDD);

FIDDLE