单击“编辑”时替换了锚标记文本，但一次替换了一个项目

Question

我正在处理表格字段，所以当我单击第一个"编辑"时，它将替换为"保存"文本，反之亦然，但我需要的是，当"编辑"文本替换为"保存"时，必须单击"保存"文本，然后只有下一次编辑才能替换其文本以"保存"，否则不会更改文本

$("body").on('click','.clk',function(){            
            var edit_id=$(this).attr("data-id");            
            if($(this).text()==='Edit'){
                $(this).text('Save');
            }
            else{
                $(this).text('Edit');
            }            
    });

 <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
 <a class="clk" data-id="1" >Edit</a>    
    <a class="clk" data-id="2" >Edit</a>    
    <a class="clk" data-id="2" >Edit </a>    
    <a class="clk" data-id="2" >Edit</a>
    
    

Answer 1

在你的

jquery中使用这个$(this).text('Save').siblings().text('Edit');它将起作用...

$("body").on('click','.clk',function(){
        var edit_id=$(this).attr("data-id");
	    $(this).text('Save').siblings().text('Edit');
        /*if($(this).text()==='Edit'){
            $(this).text('Save');
        }
        else{
            $(this).text('Edit');
        }*/
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="clk" data-id="1" >Edit</a>
<a class="clk" data-id="2" >Edit</a>
<a class="clk" data-id="2" >Edit </a>
<a class="clk" data-id="2" >Edit</a>