首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如果在div中找到值,则按类名更新最近跨度的值

如果在div中找到值,则按类名更新最近跨度的值
EN

Stack Overflow用户
提问于 2019-04-22 04:36:25
回答 1查看 43关注 0票数 0

我有一个div,里面有两个spans,我正在检查div中是否已经存在文本,如果存在,则更新span中的文本。

下面是我的div的结构:

代码语言:javascript
运行
复制
<div class="top-cart-items">

<div class="top-cart-item clearfix">
<div class="top-cart-item-desc">Orange Club
<span class="top-cart-item-price">£2.99</span>
<span class="top-cart-item-quantity">x1</span>
</div>
</div>

<div class="top-cart-item clearfix">
<div class="top-cart-item-desc">Blue Tang
<span class="top-cart-item-price">£2.99</span>
<span class="top-cart-item-quantity">x1</span>
</div>
</div>

<div class="top-cart-item clearfix">
<div class="top-cart-item-desc">Soft Ball
<span class="top-cart-item-price">£3.99</span>
<span class="top-cart-item-quantity">x1</span>
</div>
</div>

</div>

当在.top-cart-item-desc中找到字符串时,我希望使用jQuery更新.top-cart-item-quantity。有很多div和span具有相同的名称,所以我无法找到字符串的位置,也无法更新它。

这就是我到目前为止所尝试的。

代码语言:javascript
运行
复制
$('.add').click(function(){
    var name = $(this).attr("data-name");
    var price = parseFloat($(this).attr("data-price"));
    var quantity = 1;
        if($('.top-cart-item-desc').text().indexOf(name) != -1)
            {
            $(this).closest('.top-cart-item-desc span.top-cart-item-quantity').text('15');
            }
});

我也尝试过siblings()find(),但它们都不起作用。

这是一个fiddle

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55786541

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档