Question

我制作了一个代码，当用户输入他希望该产品的数量时，我试图添加产品的数量。问题是我无法通过jquery选择anchor来获取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链接。

Answer 1

你not有任何父类cart，使用div代替可以做到这一点。或者，您可以使用closest('.container')

<强> Live Demo

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

Answer 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);
});

演示：Fiddle

获取href链接并通过jQuery为其添加值

2 个答案: