[jQuery]抓grid底下每一列的组件

摘要:[jQuery]抓grid底下的组件(input 或是 非input)

抓grid底下每一列tr，再抓出每一列的里面的input来加总

.

$("table[id*=gvMain] tr").each(function () {
                    //如果该列的checkbox有打勾的话                  
                    if ($(this).find("input[id*='chk'][type='checkbox']").attr('checked')) {
                        //就把该列的隐藏金额字段加总
                        var trValue = $(this).find("input[id*='hidAmt'][type='hidden']").val();
                        //alert('trValue:' + parseInt(trValue));
                        if (trValue != "") {
                            totalAmt += parseInt(trValue);
                            //alert('加总一次totalAmt之后:' + totalAmt);
                        }
                    }
                });

//上面的 
$("table[id*=gvMain] tr").each(function () {
});
//也可以改写成
var gvMain = $("table[id*=gvMain]");
gvMain.find('tr').each(function () {
});

如果是要直接抓grid里面某某input(这里是指checkbox), 不要先去透过每一列tr的话,如下：

$("table[id*=gvMain] tr td>input[id*='chk'][type='checkbox']").click(function () {
});

由上可知，如果要特别指定td的确实下一层的input的话，要加上>符号

像是td>inputOOXX

如果是要指定也许是td下两层，或是下三层的input

就是 td inputOOXX。

当然上面也可以改写成如下

var gvMain = $("table[id*=gvMain]");
gvMain.find("td>input[id*='chk'][type='checkbox']").click(function () {
});

今天对于jQuery Selector有更深一层的了解!

原文:大专栏  [jQuery]抓grid底下每一列的组件