gpt4 book ai didi

Javascript 计算总数

转载 作者:行者123 更新时间:2023-11-29 20:10:54 24 4
gpt4 key购买 nike

我有这段代码:

http://jsfiddle.net/VAkLn/6/

当我添加一个表时: http://jsfiddle.net/VAkLn/7/这停止工作。为什么?

已解决:

我改变这个: 价格 = self.next(".price"),到: 价格 = $(".price"),

最佳答案

您的第一个示例起作用的原因是 trtd 元素仅在 table 元素中有效。浏览器有效地去除了 DOM 中的那些无效标签,使您的结构类似于:

<body>
<input type="input" size="3" class="qta">
<input type="input" size="7" class="price">
TOTALE: <input type="input" id="total" size="7" ;="">
</body>

在 Firebug 或 Webkit Inspector 中查看。

next() 选择器在这里起作用是因为 input.price 是匹配元素集中每个元素的紧随其后的兄弟。

只要包含一个包装 table 元素,trtd 元素就在结构中有效并放置在 DOM 中如您所料:

<body>
<table width="520" border="0" align="center" cellpadding="3" cellspacing="0">
<tbody>
<tr>
<td width="40" bgcolor="#009966" class="whyte">
<input type="input" size="3" class="qta">
</td>
<td width="100" bgcolor="#009966" class="whyte">
<input type="input" size="7" class="price">
</td>
</tr>
</tbody>
</table>
TOTALE: <input type="input" id="total" size="7" ;="">
</body>

这会破坏 next() 选择器,因为 input.price 不再是匹配元素集中每个元素的紧随其后的兄弟。

解决方案是修改 input.price 的 jQuery 选择器以导航新结构:

price = self.parents('tr').find(".price"),

更新了您的 fiddle .

关于Javascript 计算总数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9955942/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com