如何从id中提取元素?

布罗克

问题:如何从id中提取元素?

HTML:

<div class="product">
    <p id="price1">99,00</p>
</div>
<div class="product">
    <p id="price2">101,00</p>
</div>
<div class="product">
    <p id="price3">50,00</p>
</div>
<div class="product">
    <p id="price4">1,99</p>
</div>
<div class="product">
    <p id="price5">2,01</p>
</div>

JS:

var sumPrice = 0;

$(".product").click(function() {    

    if ( i = 1) sumPrice += parseFloat($( "#price" + i ).text())
    else if ( i = 2) sumPrice += parseFloat($( "#price" + i ).text())
    else if ( i = 3) sumPrice += parseFloat($( "#price" + i ).text())
    else if ( i = 4) sumPrice += parseFloat($( "#price" + i ).text())
    else if ( i = 5) sumPrice += parseFloat($( "#price" + i ).text())

    $(".total").val(sumPrice);
});               

我试图获得不同的价格并进行总结。现在,我仅添加第一个值。

小提琴

巴斯·范·斯坦

怎么样:

$(".product").click(function() {   
    sumPrice += parseFloat($( this ).text())
    $(".total").val(sumPrice);
});  

工作的JsFiddle
作为@bilyonecan还指出,你可能要更换,.这样的价值被正确解析浮动。您可以使用.replace(',', '.')简单的替换$( this ).text()代码来实现:

$(".product").click(function() {   
    sumPrice += parseFloat($( this ).text().replace(',', '.'))
    $(".total").val(sumPrice);
});  

如果您真的想找出id被点击的项目,则可以使用以下方法进行:

this.id; //gives the id of the clicked element. (javascript style)
$(this).prop('id') //or jQuery style (id of clicked element) 
$(this).children().first().prop('id'); //gives the id of the first child element (<p> in your case) 

$this 在jQuery / Javascript中

对象$this是函数或侦听器所属的对象,在您的情况下,它是被单击并具有此单击处理程序的对象。$this是非常方便的,并且应以这种方式使用,这样您就不需要带有计数器的ID以及更多此类解决方法。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用Javascript从SVG文件中提取“id”元素?

来自分类Dev

如何使用Javascript从元素中提取文本

来自分类Dev

您如何从列表中提取不同的元素?

来自分类Dev

如何从tree.productions()中提取元素

来自分类Dev

如何从列表中提取相等元素的索引?

来自分类Dev

如何从子列表中提取元素?

来自分类Dev

如何从jQuery中的元素中提取href?

来自分类Dev

如何使用BeautifulSoup从'a'元素中提取文本?

来自分类Dev

如何从tree.productions()中提取元素

来自分类Dev

如何在段落元素中提取文本?

来自分类Dev

如何具体从ArrayList中提取元素?

来自分类Dev

如何从元胞数组中提取元素

来自分类Dev

如何从向量中提取相似元素?

来自分类Dev

如何从单个 XML 元素中提取文本?

来自分类Dev

如何从push()firebase中提取ID?

来自分类Dev

如何从网页中提取ID列表?

来自分类Dev

如何从jmeter中的javascript中提取ID?

来自分类Dev

如何从对象中提取类名或 id?

来自分类Dev

如何从水豚元素中提取硒元素?

来自分类Dev

从字典中提取元素

来自分类Dev

如何在ASP.NET MVC中提取HTML元素的Id属性(处理使用foreach循环生成的多个提交)

来自分类Dev

从输入中提取ID

来自分类Dev

从 URL 中提取 ID

来自分类Dev

如何使用magrittr%>%管道从列表中提取元素/子集?

来自分类Dev

如何从隐藏元素中提取数据代码属性

来自分类Dev

如何从字符向量中提取包含$符号的元素

来自分类Dev

如何从ReportLab表的python中的元组列表中提取元素?

来自分类Dev

如何从R中的列表列表中提取元素?

来自分类Dev

如何从Haskell的两个列表中提取相同的元素?

Related 相关文章

热门标签

归档