3

ユーザーがその製品に必要な数量を入力すると、製品の数量を追加しようとするコードを作成しました。問題は、新しい値を追加できるように、リンクanchorを取得するためにjquery経由を選択できないことです。href

私のコード:

$('.mival').keyup(function(event) {
    var i=$(this).parents(".cart").next('.milink').attr('href');
    alert(i);
});

警告しようとすると、undefined

HTMLの私のマークアップ:

<div class="cart">
       <div><strong>Price:</strong> <span>$20.30</span></div>
            <div><strong> Qty:</strong><span>
                <input type="text" class="mival" value="1" />
             </span></div>
<a class="milink" href="http://example.com/vid=3">Add to Cart </a> </div>

リンクに値を追加するためのコードはまだ書いていません。問題は、リンクaを取得できるように、このマークアップの要素から値を取得する方法です。href

4

2 に答える 2

2

notclass を持つ親がいますcartが、代わりに div を使用するとうまくいきます。または、使用することができますclosest('.container')

ライブデモ

$('.mival').keyup(function(event) {
    var i=$(this).parents("div").next('.milink').attr('href');
    alert(i);
});
于 2013-03-19T09:27:17.167 に答える
2

>の最後にも欠落があり<div class="container"ます。

$(this).closest(".container").children('a.milink')

元：

$('.mival').keyup(function(event) {
    var i = $(this).closest(".container").children('a.milink').attr('href');
    alert(i);
});

デモ:フィドル

于 2013-03-19T09:27:28.777 に答える