jquery - 如何获取复选框值及其旁边下拉菜单的选定选项的值

Question

我有一个表，前 2 列是一个复选框和一个下拉菜单。我想获取复选框的值和旁边的选定项目的值并将其放入数组中。本质上我想要的是这样的：

[Object { name="blabla", value="bla"} , Object {name='s1' value='3'}].

第一个对象是复选框，第二个对象是下拉菜单。我玩了一下，.closest但我似乎无法将它们链接在一起。

这是一个小提琴：http: //jsfiddle.net/vulkoingim/kuB67/

Answer 1

尝试这个：

$(document).ready(function () {
    var arr = [];
    $('#test').click(function () {
        $("#t tr").each(function () {
            $this = $(this)
            var $checkbox = $this.find("input:checkbox")
            var $select = $this.find("select[id^=s]");
            arr.push({
                name: $checkbox.attr('name'),
                value: $checkbox.val()
            });
            arr.push({
                name: $select.attr('id'),
                value: $select.val()
            });
        });
        console.log(arr);
    });
});

演示小提琴在这里