Uncaught TypeError: Cannot read property 'split' of undefined这个问题应该这样解决

最新推荐文章于 2025-09-26 09:44:08 发布

原创最新推荐文章于 2025-09-26 09:44:08 发布 · 9.8w 阅读

21 ·

CC 4.0 BY-SA版权

文章标签：

#js #jquery #split

web前端专栏收录该内容

11 篇文章

订阅专栏

本文描述了在使用jQuery遍历ul标签下li元素的超链接，并尝试使用split()函数提取特定部分时遇到的问题。作者详细解释了错误'UncaughtTypeError: Cannot read property 'split' of undefined'的成因及解决方案，即在调用split()前加入条件判断确保目标字符串不为空。

今天写js遇到了一个小问题，苦恼了我一个多小时，不过好在没有浪费更多的时间，也算是很快就解决了。问题是这样产生的，我用jQuery遍历了ul标签下的li下的超链接的值，然后我用split来切割获取到的超链接，（比如我获取到的超链接值是2.html，那我需要获取到2），然后问题就出现了。
问题：Uncaught TypeError: Cannot read property ‘split’ of undefined
at HTMLLIElement.
在这里插入图片描述
很明显这是split()切割的问题，最后通过分析了解到，这是因为遍历ul的时候，第一次会得到一个空值，这个是通过输出遍历的对象知道的，最后我在使用split()的时候加了一个判断（就是判断要切割的字符串是不是存在），然后成功解决问题。

$(".type_ul").find('li').each(function () {
			var zhi=$(this).find('a').attr("href");			
			if (zhi) {
				var qwe=zhi.split('.')[0];
				console.log(qwe);
			}			
		})