如何获取复选框值以及旁边的下拉菜单中所选选项的值

Question

我有一张桌子，前两列是一个复选框和一个下拉菜单。我想获取复选框的值以及它旁边的所选项并将其放入数组中。本质上我想要的是这样的：

[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);
    });
});

DEMO FIDDLE HERE