1

以下のコードを持っている場合、1番目、2番目、3番目のddを別々に選択することはできますか？たとえば、サブ価格を30に、送料を10に、合計を40に変更したい場合、jqueryで各ddを個別に選択するにはどうすればよいですか？クラスを追加してそれを介して行うことができることを私は知っています、私はそれを行う別の方法があるかどうか疑問に思っていました。

<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>

また、jqueryにどのように追加しますか

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

合計dtの真上

4

3 に答える 3

2 
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);

フィドル

于 2012-07-24T00:53:45.997 に答える
1

セレクターは、一致した要素の配列を返します。インデックスを使用して、必要なものを取得するだけです。

$("dd")[0] gives you the first one.

または、nth-child セレクターを使用できます

$("dl dd:nth-child(1)")
于 2012-07-24T00:53:13.687 に答える
0

http://jsfiddle.net/Neverever/37hSb/

// Update Price
var updatedPrice = [10, 30, 40]

$("dl.cart > dd").each(function(idx, elm) {
   $(elm).text(updatedPrice[idx]);
});

// Insert Discount
$("<dt>Discount</dt><dd>-5.00</dd>")
   .insertBefore("dl.cart > dt:last");​
于 2012-07-24T00:56:05.570 に答える