JQery 获取table中 点击的元素 例子

html: 一下代码在for中

<td style="text-align: center" id="{{ $supplier->supplier_id }}">
  <a href="/footstone/addsupplier?supplier_id={{ $supplier->supplier_id }}" class="btn btn-primary">编辑</a>
  @if($supplier->status==2)
    <input class="btn btn-primary operation_supplier_status" data-status="2" value="启用" style="width: 60px"/>
  @else
    <input class="btn btn-primary operation_supplier_status" data-status="1" value="禁用" style="width: 60px"/>
  @endif
</td>

  

 

js:

//获取所点击的开启/禁用的supplier_id 及 状态 并ajax改变其状态
$('.operation_supplier_status').click(function(){
    var supplier_id = $(this).parent().attr("id");
    var supplier_status = $(this).attr("data-status");
    if(1 == supplier_status)
    {
        supplier_status = 2;
    }else if(2 == supplier_status)
    {
        supplier_status = 1;
    }
    ajax(supplier_id,supplier_status);
})

  我是将supplier_id写到了td中,如果要是写在input中,就不用parent了。  attr可以取写在标签中的字段...

posted on 2017-11-07 14:40  GetLastError  阅读(358)  评论(0编辑  收藏  举报