zoukankan      html  css  js  c++  java
  • jQuery Recipies

    <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.

  • 相关阅读:
    iOSraywenderlich翻译使用MapKit叠加图层
    IOSTableView学习V2.0
    html的<input>标签常用属性
    SQLSqlServer中decimal(numeric )、float 和 real 数据类型的区别[转]
    PhoneGapV1.0
    IOSPlistV1.0
    IOS使用 UITableView 创建表格应用演练(1)——一个简单的表格应用V3.0
    IOSTableView学习V4.0
    IOS从plist文件加载并显示数据
    学习思路
  • 原文地址:https://www.cnblogs.com/davidgu/p/4271935.html
Copyright © 2011-2022 走看看