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.

  • 相关阅读:
    Python安装
    solr集群solrCloud的搭建
    redis单机及其集群的搭建
    maven实现tomcat热部署
    maven发布时在不同的环境使用不同的配置文件
    nexus 的使用及maven的配置
    java 自定义注解以及获得注解的值
    Jenkins学习之——(4)Email Extension Plugin插件的配置与使用
    Jenkins学习之——(3)将项目发送到tomcat
    注意Tengine(Nginx) proxy_pass之后的"/"
  • 原文地址:https://www.cnblogs.com/davidgu/p/4271935.html
Copyright © 2011-2022 走看看