zoukankan      html  css  js  c++  java
  • 选择第一个子节点jquery

    $("table tr:first-child")

    a=$("table tr:eq(1)")

    $(a).before($("table tr:eq(3)"))

    以下是一个实现向上移,最上,最下,向下移的一个排序加上checkbox全选 反选 的操作

    最近发现jquery写代码快起来了,可能真是写得多了有点熟番起来了

    <%=flash[:info] unless flash[:info].nil?%>

    这个界面是批量来处理产品展示中产品的选择排序的问题

    <!--<form id="form1" name="form1" method="post" action="/admin/products/batch_select">-->

        <%=form_for(["admin",@product],:id=>"form1") do |f|%>

                   <input name="authenticity_token" value="<%= form_authenticity_token %>" type="hidden">

        <input type="text" name="product_show_id" value="<%=params["product_show_id"] || @product_show.id%>" />

        <%= f.label :name %>

        <%= f.text_field :name %>

        <input id="query" type="button" name="query" value="查询" data="/admin/product_shows/batch_select?act=query" />

        <input id="select_all" type="checkbox" />全选

        <input id="select_reverse" type="checkbox" />反选

        <input id="load" type="button" name="load" value="载入" data="/admin/product_shows/batch_select?product_show_id=<%=params["product_show_id"] || @product_show.id%>" />

        <input id="add" type="button" name="add" value="加入" data="/admin/product_shows/batch_select?act=add" />

        <input id="overwrite" type="button" name="overwrite" value="覆盖" data="/admin/product_shows/batch_select?act=overwrite" /><br/>

            共有<%=@products.size%>条记录

            <table>

      <tr>

        <th></th>

        <th>pic</th>

        <th>Id</th>

        <th>Name</th>

        <th>P1</th>

        <th>P2</th>

        <th>P3</th>

        <th>P4</th>

        <th>Promotion</th>

        <th>New</th>

        <th>Score</th>

        <th>S1</th>

        <th>Description</th>

        <th></th>

        <th></th>

        <th></th>

        <th></th>

        <th></th>

        <th></th>

        <th></th>

      </tr>

    <% @products.each do |product| %>

      <tr>

        <td><input name="product_id[]" type="checkbox" value="<%=product.id%>" /></td>

        <td><%=image_tag product.i1.url(:thumb)%></td>

        <td><%= product.id %></td>

        <td><a href="<%=myproduct_url(product.id)%>" target="_blank"><%= product.name %></a></td>

        <td><%= product.p1 %></td>

        <td><%= product.p2 %></td>

        <td><%= product.p3 %></td>

        <td><%= product.p4 %></td>

        <td><%= product.promotion %></td>

        <td><%= product.new %></td>

        <td><%= product.score %></td>

        <td><%= product.s1 %></td>

        <td></td>

        <td><%= link_to 'Show', admin_product_path(product) %></td>

        <td><%= link_to 'Edit', edit_admin_product_path(product) %></td>

        <td><%= link_to 'Destroy', admin_product_path(product), :confirm => 'Are you sure?', :method => :delete %></td>

        <td><input type='button' name='top' value='top' /></td>

        <td><input type='button' name='higher' value='higher' /></td>

        <td><input type='button' name='lower' value='lower' /></td>

        <td><input type='button' name='bottom' value='bottom' /></td>

      </tr>

    <% end %>

    </table>

    <!--</form>-->

    <%end%>

    <script type="text/javascript">

      $("input[name='top']").click(function(){

          var a=$("table tr:eq(1)");

         var current=$(this).parents("tr");

         //alert(a.html());

         //alert(current.html());

          $(a).before(current);

        })

      $("input[name='bottom']").click(function(){

          var a=$("table tr:last");

         var current=$(this).parents("tr");

         //alert(a.html());

         //alert(current.html());

          $(a).after(current);

        })

      $("input[name='higher']").click(function(){

         var current=$(this).parents("tr");

         //alert(current.html());

         //alert($("table tr:eq(1)").html());

         if (current.html()!=$("table tr:eq(1)").html())

         {

          current.prev().before(current)

         }

         else

         {

            alert("到顶了");

         }

         //alert(a.html());

         //alert(current.html());

          //$(a).after(current);

        })

      $("input[name='lower']").click(function(){

          var a=$("table tr:last");

         var current=$(this).parents("tr");

          if (current.html()!=$("table tr:last").html())

          {

          current.next().after(current);

          }

          else

          {

            alert("到底了");

          }

        })

        $("#select_all").click(function(){

            //alert($(this).attr("checked"));

            $("input[name='product_id[]']").attr("checked",$(this).attr("checked"));

            });

        $("#select_reverse").click(function(){

            $("input[name='product_id[]']").each(function(idx,item){

                $(item).attr("checked",!$(item).attr("checked"));

                });})

        $("#add").click(function(){

            $("form").attr("action",$(this).attr("data"));

            $("form").submit();

            })

        $("#overwrite").click(function(){

            $("form").attr("action",$(this).attr("data"));

            $("form").submit();

            })

        $("#load").click(function(){

            window.location.href=$(this).attr("data")+"&m="+Math.random();

            })

        $("#query").click(function(){

            $("form").attr("action",$(this).attr("data"));

            $("form").submit();

            })

    </script>

  • 相关阅读:
    宿主机无法访问CentOS7上Jenkins服务的解决办法
    415. Add Strings
    367. Valid Perfect Square
    326. Power of Three
    258. Add Digits
    231. Power of Two
    204. Count Primes
    202. Happy Number
    172. Factorial Trailing Zeroes
    171. Excel Sheet Column Number
  • 原文地址:https://www.cnblogs.com/lexus/p/1947447.html
Copyright © 2011-2022 走看看