Question

在我的代码中，我有两个具有相同类和不同ID的按钮。由于这两个按钮需要做类似的事情（特别是来自ajax请求的信息）我首先按类别调用两个按钮，并尝试设置一个if else语句，它将根据按钮添加按钮的最终功能部分标识。但是，现在第二个按钮的else语句似乎没有运行，而是当我按下第二个按钮时，我看到应该发生第一个按钮发生的更改。有关如何让li正确出现在else语句中的任何建议吗？

yapf

HTML

$(".consumeFood").on("click",function(){
  $.ajax({
    url:url,
},
error:function(err){
},
complete:function(s){
  $.ajax({
    },
    success: function(r){
    if ($(".consumeFood".id=="eat")){
$('#eaten').append("<li class='left'>"+inputInfo+"</li>");
    }
    else if($("#consumeFood".id=="possibleEat")){
      $('#want').append("<li class='right'>"+input+"</li>");

    }

Answer 1

我仍在努力真正了解你在做什么，也许我仍然没有理解，但认为这应该可以解决你的问题

 $(".consumeFood").on("click",function(){
var buttonId=$(this).attr('id');
      $.ajax({
        url:url,
    },
    error:function(err){
    },
    complete:function(s){
      $.ajax({
        },
        success: function(r){
        if (buttonId=="eat"){
    $('#eaten').append("<li class='left'>"+inputInfo+"</li>");
        }
        else if(buttonId=="possibeEat"){
          $('#want').append("<li class='right'>"+input+"</li>");

        }

请考虑变量inputInfo和input我希望它们来自脚本中的某个位置并且它们具有有效值。

如果具有相同类但具有不同ID的Else语句，则Jquery单击事件

1 个答案: