2016-12-27 56 views
-1

我有这个表拿到第一输入型隐藏

 <tbody> 
      @foreach($users as $user) 
       <tr> 
        <input type='hidden' value='{{$user->username}}' /> 
        <td><div contenteditable="true" class='contenteditable'>{{$user->username}}</div><div class='result'></div></td> 
        <td><div contenteditable="true" class='contenteditable'>{{$user->email}}</div><div class='result'></div></td> 
        <td> 
         <select class='form-control'> 
         @foreach($permissions as $permission) 
          @if($permission->id == $user->permission) 
           <option style='color:red' selected='true'>{{$permission->permission_name}}</option> 
          @else 
           <option>{{$permission->permission_name}}</option> 
          @endif 
         @endforeach 
         </select> 
        </td> 
        <td><div contenteditable="true" class='contenteditable'>{{$user->phone}}</div><div class='result'></div></td> 
        <td> 
         <select class='form-control'> 
         @foreach($divisions as $division) 
          @if($division->id == $user->division) 
           <option style='color:red' selected='true'>{{$division->division_name}}</option> 
          @else 
           <option>{{$division->division_name}}</option> 
          @endif 
         @endforeach 
         </select> 
         <div class='result'></div> 
        </td> 
        <td> 
         <button class='btn btn-success'>عرض</button> 
         <button class='btn btn-info'>تعديل</button> 
         <button class='btn btn-danger'>حذف</button> 
        </td> 
       </tr> 
      @endforeach 
     </tbody> 

,我有这个js函数来得到这样

$(".contenteditable").keyup(function(){ 
    var result = document.activeElement; 
    var result = result.parentNode.firstChild; 
    console.log(result); 
}) 

输入型隐藏的价值我需要的是JavaScript或jQuery代码当我keyup的contenteditable div我得到第一个值

<input type='hidden' value='{{$user->username}}' /> 
+0

$(“输入[类型=隐藏]:第一”)。VAL() –

+0

我有很多输入型=隐藏 –

+0

然后用它第一jQuery选择或使用ID为输入。 –

回答

4

你应该遍历到使用.closest()然后使用与:first选择沿着元件靶向:hidden元件

$(".contenteditable").keyup(function(){ 
    var result = $(this).closest('tr').find('[type="hidden"]:first').val(); 
    console.log(result); 
}); 

注:tr只能有tdth作为子元素。所以<input>应该是孩子在其中一个

+1

谢谢你的工作 –