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

时间:2012-09-12 20:50:56

标签: javascript jquery html

我有这个样本http://jsfiddle.net/7aDak/927/。我需要迭代每个表的每一行的下拉列表和textarea并根据它构建一个字符串。我不能使用id。我该怎么办?提前谢谢。

3 个答案:

答案 0 :(得分:1)

您的代码几乎已经设置..只需要进行小修复..见下文,

DEMO: 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);
        });
    });
});

Rune

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

答案 1 :(得分:0)

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

您需要将它们分成两个独立的链式选择:

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

答案 2 :(得分:0)

这是答案:

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

更改html:您需要为所有选择元素添加“select”类。 休息是在js代码。