jquery各函数混淆
我正在尝试将 id 标记为“row_total”的所有元素的内容更新为“$0.00”。我不知道如何正确使用each()。下面写入的内容仅更新#row_total 的第一个实例。
$(document).ready(function() {
$("#reset_row_totals").live('click', function() {
$('#row_total').each(function() {
$(this).html("$0.00");
});
e.preventDefault();
});
});
这是一个 jsfiddle --> http://jsfiddle.net/uxLZm/3/
I'm trying to update the contents of all elements with the id tag of "row_total" to "$0.00". I can't figure out how to use each() correctly. Whats written below only updates the first instance of #row_total.
$(document).ready(function() {
$("#reset_row_totals").live('click', function() {
$('#row_total').each(function() {
$(this).html("$0.00");
});
e.preventDefault();
});
});
heres a jsfiddle --> http://jsfiddle.net/uxLZm/3/
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
事实上,您正在重复使用 id。 HTML 中不能有重复的 id。相反,使用类。
演示
http://jsfiddle.net/MzrTd/
HTML
jQuery
It's the fact that you are reusing id's. You can't have duplicate id's in HTML. Instead, use classes.
Demo
http://jsfiddle.net/MzrTd/
HTML
jQuery
您有多个具有相同 id
row_total
的。这是无效。 ID 应该是唯一的,因此当您让多个元素具有相同的 ID 时,事情可能不会按预期工作。
相反,使用可以应用于多个元素的类。将类应用于要重置的每个
并使用
.class_name
CSS 选择器:jsFiddleHTML:
JavaScript:
You have multiple
<td>
s with the same idrow_total
. This is invalid. IDs are meant to be unique so when you let multiple elements have the same ID, things may not work as expected.Instead, use a class which can be applied to multiple elements. Apply the class to each
<td>
which you want to reset and use the.class_name
CSS selector: jsFiddleHTML:
JavaScript:
问题是每页只能使用一个唯一的 ID。 JavaScript 只会看到第一个。将其更改为一个类,它应该可以工作。
这是一个包含更改的更新后的 jsfiddle。
The problem is you can only use one unique ID per page. JavaScript will only see the first one. Change it to a class and it should work.
Here's an updated jsfiddle with the change.
当然,它只更新 ID 为 row_total 的第一个元素。 ID 应该是元素的唯一标识符。
ID 的任何选择器都会自动返回第一个且仅第一个具有该 ID 的元素。在这种情况下,您需要使用类选择器,并将类应用于元素。我在这里稍微编辑了你的 jsFiddle > http://jsfiddle.net/uxLZm/5/
出于兴趣,您正在实施
$.each()
正确。Of course it only updates the first element with the ID of
row_total
. IDs are supposed to be just that, unique identifiers for elements.Any selector for an ID will automatically return the first and only the first element with that ID. In this instance you need to use the class selector, and apply the class to the elements. I slightly edited your jsFiddle here > http://jsfiddle.net/uxLZm/5/
Just as a matter of interest, you are implementing
$.each()
correctly.你的 ID 是非法的 html。尝试对您的 html 进行此更改:
Your ID's are illegal html. try this change to your html: