jQuery ele.find() is not a function 错误的解决办法

jQuery ele.find() is not a function 错误的解决办法_第1张图片
Unsplash

这又是在项目过程中所遇到的一个问题,ele.find() is not a function,其中 HTML 代码如下所示:


    
    
    商品名
    商品价格
    商品数量

这是为表格的某一行,每一行代表一种商品,有多行,当我们勾选某一行商品时,通过获取该行商品的 ID 来获取该行的所有数据,代码如下所示:

var good_id = checked[i].closest('tr').find('input[name=good_id]').val();

其中,checked 为勾选选项构成的数组,通过 closest() 方法从元素本身开始,逐级向上级元素匹配 tr 元素,查找来获取整行的数据,进而通过 find() 方法来获取该行的商品 ID

然而,该行代码却报错了,其实原因也很简单,checked[i].closest('tr') 返回的是一个 JS 对象,而 find() 函数则是属于 jQuery 对象的,所以只需要通过 $() 将其包装在其中,转换为 jQuery 对象,也可以通过使用 $(this) 来指代当前元素

// 方法一
var good_id = $(checked[i].closest('tr')).find('input[name=good_id]').val();
// 方法二
var good_id = $(this).closest('tr').find('input[name=good_id]').val();
End of File

行文过程中出现错误或不妥之处在所难免,希望大家能够给予指正,以免误导更多人,最后,如果你觉得我的文章写的还不错,希望能够点一下喜欢关注,为了我能早日成为优秀作者献上一发助攻吧,谢谢!^ ^

你可能感兴趣的:(jQuery ele.find() is not a function 错误的解决办法)