关于利用jquery获得innerText的问题

最新推荐文章于 2026-02-21 04:26:05 发布

原创最新推荐文章于 2026-02-21 04:26:05 发布 · 8.3k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

本文介绍了在前端开发中如何正确地获取单个或多个文件名。对于多个文件名的获取，推荐使用jQuery的方法，而对于单个文件名，则建议直接通过ID或者数组下标的方式进行获取。此外，还讨论了innerText和$.html()的区别。

我的前端不怎么好，所以若是有什么错误，各位看官嘴下留情。

今天写上传文件时遇到了一个问题。前端把上传文件的名字写在span里了，因为是多个文件上传，所以我用的class来获得的对象。

html是这样

<pre name="code" class="java">

js是

var files = $(".fileName");
// 遍历数组
for(var i=0;i<files.length-1;i++){
		fileName = files[i].innerText; // 这样是没有问题的
}

但是····问题来了，当只有一个span时，不用数组也就是这样

var name = $('.text');
alert(name.innerText );

这样是得不到的，其实仔细想想也是哈，innerText是javascript的，jquery是没有的。网上搜寻一番，解决方式是这样的。

// 用id就可以了

<span id="fileName"></span>

js

var name = fileName.innerText;

所以总之，多个时用jquery是可以的，但是一个的话要么是names[0],要么用id

至于jquery后台是怎么搞得，我不晓得了，如果有谁知道希望告诉我一声啊

5/21 修改

补充，最好使用纯jquery写，而且innerText不怎么靠谱，这样······$().html()

5/25 修改补充

如果用jquery获得的是数组的话
最好不要用for来循环

这样：var strs = $('.str');
<span style="white-space:pre">		</span>var txt;
<span style="white-space:pre">		</span>strs.each(function(index){
<span style="white-space:pre">			</span>if(index == 2){
<span style="white-space:pre">				</span>txt = $(this).text();
<span style="white-space:pre">				</span>return;
<span style="white-space:pre">			</span>}
<span style="white-space:pre">		</span>});

$(this).text() 就比较靠谱了 不用数组了嘛

另外也可以$(strs[1]).text();