本文共 823 字,大约阅读时间需要 2 分钟。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.5.1.js"></script> <script> //this对象 $(function () { var strHtml = ""; $("li").each(function (index) { //var text1 = $("li").text(); 这样写得不到想要的效果 var text1 = $(this).text(); strHtml += text1 + " , "; }); $("#div1").html(strHtml); }); /* 把$("li").text()改为$(this).text()效果就正确了。 那么为什么用$("li")就不正确,而必须要使用$(this)呢? 原因在于$("li")获取的是一个集合,而不是某一个元素。 在事件函数中,如果想要使用当前元素,我们应尽量使用 $(this)来代替$(selector)这种写法,避免bug。 */ </script></head><body> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> <div id="div1"></div></body></html>
转载地址:http://mwrm.baihongyu.com/