jquery - 如何使用each()循环并获取值？

Question

我使用的是 jQuery 1.4.3。

我有一些 div，其中包含微数据，我正在尝试通过 jQuery 循环访问它们。这些 div 的输出非常类似于行和列。

<div data-row="1" data-col="1">
<div data-row="1" data-col="2">
<div data-row="1" data-col="3">

<div data-row="2" data-col="1">
<div data-row="2" data-col="2">
<div data-row="2" data-col="3">

<div data-row="3" data-col="1">
<div data-row="3" data-col="2">
<div data-row="3" data-col="3">

我试图遍历每一行并获取该行中每个 div 的最大高度(尽管我并没有用这段代码完全做到这一点)。通过这段代码，我只想能够循环遍历有多少行。

这有效并将产生三个“1”警报:

// ACCESS THE HEIGHT OF EACH CELL
$("[data-row='1']").each(function() {
    var R = $(this).attr("data-row");
    alert(R);
});

我期望在运行时看到三个警报“1”，然后是三个警报“2”，然后是三个警报“3”。当代码“运行”时，我没有收到任何错误。不会引发任何警报。这不起作用:

$("[data-row>='1']").each(function() {
    var R = $(this).attr("data-row");
    alert(R);
});

这段代码有什么问题吗？为什么它找不到任何数据行值为 1 或更大的行？

Answer 1

尝试:

$("[data-row]").each(function() {
    var R = $(this).attr("data-row");
    alert(R);
});

因为 data-row 是一个完整的属性，所以您可以指定它来循环所有属性，而不管它的值是什么。