使用jQuery的find()获取TD内输入框报错,请求技术支持
解决jQuery中find()调用报错的问题
嘿,我一眼就看到问题出在哪了——你调用find()的时候用的是原生DOM元素,不是jQuery对象,这就是报错的根源!
看你代码里的这段:
var $tds = $(TrFromTableInPages).find("td"); var $ik = $tds[0]; // 这里取到的是原生<td>节点,不是jQuery包装后的对象 var $c = $ik.find(this.CheckBoxClass); // 原生DOM元素没有find()方法,直接调用就会报错!
两种修复方案供你选:
方案一:把原生DOM转成jQuery对象
用$()把$tds[0]包裹起来,转换成jQuery对象后就能正常调用find()了:var ItxExtend={ CurrentSelectedIds : "", IsSelected:false, HiddenFieldId:"", // 注意:这里删掉了重复定义的CurrentSelectedIds CheckBoxClass:"", HiddenFieldRowId :"", DivToInitId :"", SeleccionarCheckbox :function (TrFromTableInPages){ var $tds = $(TrFromTableInPages).find("td"); var $ik = $($tds[0]); // 转成jQuery对象 var $c = $ik.find(this.CheckBoxClass); var $item = $ik.find(this.HiddenFieldRowId).val(); } }方案二:用jQuery的eq()方法获取元素
直接用eq(0)获取第一个<td>的jQuery对象,避免拿到原生DOM:var ItxExtend={ CurrentSelectedIds : "", IsSelected:false, HiddenFieldId:"", // 注意:这里删掉了重复定义的CurrentSelectedIds CheckBoxClass:"", HiddenFieldRowId :"", DivToInitId :"", SeleccionarCheckbox :function (TrFromTableInPages){ var $tds = $(TrFromTableInPages).find("td"); var $ik = $tds.eq(0); // 用eq()获取指定索引的jQuery对象 var $c = $ik.find(this.CheckBoxClass); var $item = $ik.find(this.HiddenFieldRowId).val(); } }
另外还要提醒你:你的ItxExtend对象里重复定义了CurrentSelectedIds属性,这会导致后面的定义覆盖前面的,建议删掉其中一个重复的哦。
内容的提问来源于stack exchange,提问作者user3893460
相关产品推荐
相关产品推荐

