javascript - 循环遍历多个表的行子元素

Question

我有这个示例http://jsfiddle.net/7aDak/927/。我需要遍历每个表的每一行的下拉列表和 textarea 并基于它构建一个字符串。我不能使用 id's 。我该怎么做？提前致谢 。

Answer 1

你的代码几乎设置好了..只需要小修复..见下文，

演示：http: //jsfiddle.net/7aDak/931/

$("#btnSave").click(function() {

    $(".templateTable").each(function() {
        //v-- Used $(this).find('tr') to get all tr from the selected table
        $(this).find("tr").each(function() {
            $this = $(this)
            var email = $this.find("textarea").val();
            var frequency = $this.find("select").val();
            alert(email + '--' + frequency);
        });
    });
});

或按照符文的建议

$("#btnSave").click(function() {
    $(".templateTable tr").each(function() {
        $this = $(this)
        var email = $this.find("textarea").val();
        var frequency = $this.find("select").val();
        alert(email + '--' + frequency);
    });
});

Answer 2

this "tr.item"不是真正的选择器。

您需要将它们分成两个单独的链接选择：

$(this).find("tr.item")

Answer 3

这是答案：

http://jsfiddle.net/7aDak/935/

html 中的更改：您需要为所有选择元素添加一个“选择”类。其余在 js 代码中。