jquery如何获取脚本中数组的值
发布网友
发布时间：2022-04-26 16:23
共1个回答
热心网友
时间：2022-04-21 14:37
jquery提供了map()方法，把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的
jQuery
对象。由于返回值是
jQuery
封装的数组，使用
get()
来处理返回的对象以得到基础的数组。最后，使用 join()
函数将数组链接为字符串，便于输出。关键代码为
$("span a").map(function() { return $(this).html();}).get().join(" ");
实例演示：获取所有span标签下的超链的名称
创建Html元素
<div class="box">
<span>实例演示：获取所有span标签下的超链的名称</span><br>
<div class="content">
<span><a href="#">无线上网</a></span>
<span><a href="#">可以刷卡</a></span>
</div>
<input type="button" value="获取">
</div>
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
编写jquery代码
$(function(){
$(":button").click(function() {
text = $("span a").map(function() {
return $(this).html();
}).get().join(" ");
alert(text);
});
});
观察效果
