jQuery Recipies - 使用map来过滤对应的元素集
<table id="tblEmployee" class="normal_table">
<tr>
<td>Employee Name</td><td>Department Name</td><td>Salary</td>
</tr>
<tr>
<td>Jane Smith</td><td>Marketing</td><td>$95,000</td>
</tr>
<tr>
<td>John Smith</td><td>Technology</td><td>$90,000</td>
</tr>
<tr>
<td>Brian Adam</td><td>Sales</td><td>$72,000</td>
</tr>
<tr>
<td>Mary Jones</td><td>Support</td><td>$60,000</td>
</tr>
<tr>
<td>Michael Jefferson</td><td>Technology</td><td>$85,000</td>
</tr>
</table>
<br /> <input id="btnTestIt" type="button" value="Test It"> <script type="text/javascript">
$(document).ready(function () {
$("#btnTestIt").click(function () {
var jqObj = $("tr:gt(0)").map(function () {
return $(this).children().first().text();
}) $(jqObj).each(function (index, elem) {
ZEUS.DEBUG.log(elem);
}); ZEUS.DEBUG.log("---------------------------");
var employees = jqObj.get().join(", ");
ZEUS.DEBUG.log(employees);
});
});
</script>
$("tr:gt(0)") selects all the HTML elements with the tag name "tr" except for the first record and returns the
jQuery object.
.map() iterates through each element from the set of selected elements and processes them in the function.
return $(this).children().first().text() returns the text content of the first child element (td) of each
selected "tr" element, which is the employee name.
A new jQuery object (jqObj) is created that contains elements as a result of the return value of the function.
jqObj.get() gets all the HTML elements from the jQuery object as an array.
.join(", ") joins all elements from the array, delimits them with commas (,) and returns a string that contains
a comma-delimited list of all the employees’ names.
最新文章
- 关于asp.net利用mono部署到Linux上的一些说明
- iOS--高级技术
- iOS $299刀企业证书申请的过程以及细节补充(二)
- 【SPOJ QTREE2】QTREE2 - Query on a tree II(LCA)
- glRotate函数
- Stationary point
- js 自己创建ready多个可以依次加载
- KindEditor得不到textarea值的解决方法----摘至天涯
- 【M32】在未来时态下发展程序
- js 正则实例
- 三目运算符 改变<;a>;标签的class属性
- HDU 4628 Pieces(DP + 状态压缩)
- ADO.NET对象模型
- 转:Google论文之一----Bigtable学习翻译
- 小学生四则运算(java编程)201571030135
- js原型链结构与链表结构对比
- Python交互图表可视化Bokeh:4. 折线图| 面积图
- COGS.1689.[HNOI2010]Bounce 弹飞绵羊(分块)
- The type javax.swing.JComponent cannot be resolved. It is indirectly referenced from required .class files
- MVC ---- EF批处理
热门文章
- JavaScript中字符串分割函数split用法实例
- 如何上传word
- BZOJ 2212 [Poi2011]Tree Rotations(线段树合并)
- BZOJ 3669 [Noi2014]魔法森林(贪心+LCT)
- 【计算几何】【极角排序】Gym - 101174B - Bribing Eve
- 【优先队列+贪心】POJ2431-Expedition
- double型(双精度型)的打印(printf) 和scanf
- 基于socket的udp传输,socketserver模块,进程
- linux中django部署
- Educational Codeforces Round 9 B. Alice, Bob, Two Teams 前缀和