解决jQuery each循环dom元素报错 [object HTML DivElement]

最新推荐文章于 2021-06-10 13:07:20 发布

落子無悔

最新推荐文章于 2021-06-10 13:07:20 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS/JQuery Web

本文链接：https://blog.youkuaiyun.com/ruziwang/article/details/82220759

JS/JQuery 同时被 2 个专栏收录

6 篇文章

订阅专栏

Web

5 篇文章

订阅专栏

博客主要讲述了jQuery each循环dom元素时出现报错的情况，输出到浏览器页面显示为[object HTML InputElement]，但console控制台输出正常，还给出了报错的代码片段以及改过之后的代码片段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery each循环dom元素报错 [object HTML InputElement]

我们先来看下错误
输出到浏览器页面是[object HTML InputElement] ，但是console 控制台输出是没问题

这是报错的代码片段

    var list_s = document.getElementsByName("summary_doc_tag[]");
    
    for (var i = 0; i < list_s.length; i++) {

        if(list_s[i].checked)
	var  _checkindex = list_s[i];
	var  _checkval = list_s[i].getAttribute("value");

        $('#sortable').append('<p class = "one" value="'+_checkval+'" id="'+_checkval+'_tag" name="check_box_tag[]">' +_checkindex+ '</p>');

	console.log(_checkindex);
}

这是改过之后的代码片段

    $(list).each(function(index,element){
        //直接采取原生js才操作Dom 元素
	// console.log(element.childNodes[0].value);
        // return false;
	var  _checkindex = element.innerHTML;
	var  _checkval = element.childNodes[0].value;
         $('#sortable').append('<p class = "one" value="'+_checkval+'" id="'+_checkval+'_tag" name="check_box_tag[]">' +_checkindex+ '</p>');
        // console.log(_checkindex);
})