如何重複jQuery中從一開始就好像什麼都沒有發生

Question

單擊事件我想我在錨標記，但新結果單擊每次都重複相同的功能。例如我有3個項目 a = 0，b = 0，c = 1當我點擊錨標籤爲a，b，c我在控制檯中看到：a = 1，b = 1，c = 0 for每當我點擊這些項目時，控制檯中會出現相同的結果（a = 1，b = 1，c = 0），但是當我重新加載頁面並單擊項目時，它完美地工作，所以當我點擊它會再次變爲0，剩下的兩個項目也會變成同樣的東西（當我刷新頁面後再次單擊時：b = 0，c = 1）現在...我想這樣做，不用重新加載頁面，所以當我點擊在項目（α= 0爲例），它應更改爲（α= 1）再次點擊（則a = 0），在此先感謝

///////////我的jQuery///////////////////

$('.admin-btn').on("click",function(event){ 
     event.preventDefault(); 
     var userId = event.target.parentNode.parentNode.childNodes[1].textContent; 
     var admin = 0; 
     var isAdmin = event.target.dataset['isadmin']; 

     if(admin == isAdmin){ 
      admin = 1; 

     $.ajax({ 
      method:'POST', 
      url:makeAdminUrl, 
      data:{ Admin:admin , userId:userId , _token:token} 
     }) 
     .done(function(msg){ 
      console.log(msg['Admin']); 
     }); 
    }); 

/////////// HTML ///////////

@extends('cp.master') 

@section('title','users') 

@section('page-content') 

    <div class="row" style="margin-top:20px;"> 
    <div class="col-md-12"> 
     <table class="table"> 

     <thead> 
      <th>#</th> 
      <th>Name</th> 
      <th>Created at</th> 
      <th>Action</th> 
     </thead> 

     <tbody> 
      @foreach($users as $user) 
      <tr> 
       <th>{{ $user->id }}</th> 
       <td>{{ $user->username }}</td> 
       <td>{{ $user->created_at }}</td> 
       <td> 
       <a data-isadmin="{{ $user->admin }}" href="#" class="btn btn-primary admin-btn">Admin</a> 
       <a href="#" class="btn btn-danger ban-btn">Ban</a> 
       </td> 
      </tr> 
      @endforeach 
     </tbody> 

     </table> 
    </div> 
    <div class="text-center"> 
     {{ $users->links() }} 
    </div> 
    </div> 
    <script type="text/javascript"> 
    var makeAdminUrl = '{{ route('makeAdmin') }}'; 
    var token = '{{ Session::token() }}'; 
    </script> 
@endsection 




////////// my controller ////////// 

    public function postAdmin(Request $request) 
    { 
    $user = User::find($request['userId']); 
    $user->admin = $request['Admin']; 
    $user->update(); 

    return response()->json(['Admin' => $request['Admin']]); 
    } 

Answer 1

我假設你的問題，因爲每個在問題的描述。

試試這個例子，它可能會幫助你。

根據您的需要做必要的更改。

$('.dummy-class').click(function(){ 
 
    //Get the current value, check condition and change the value 
 
    var temp = $(this).text() == 0 ? 1 : 0; 
 
    //Set the new value 
 
    $(this).text(temp) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
A = <a href="#" class="dummy-class">0</a> 
 
B = <a href="#" class="dummy-class">0</a> 
 
C = <a href="#" class="dummy-class">1</a>