jquery提供了map()方法,把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组。最后,使用 join() 函数将数组链接为字符串,便于输出。关键代码为
$("span a").map(function() { return $(this).html();}).get().join(" ");
实例演示:获取所有span标签下的超链的名称
创建Html元素
设置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);
});
});
观察效果
var valueArray = new Array();
$("a").each(function () {
valueArray.push($(this).text());
});
var result = valueArray.join(" ")
alert(result);