javascript - jquery hide 只隐藏一个按钮

Question

function Login(){

contentType: "get",
    dataType: 'json',
    success: function(data) {

        $("#login").hide(); //hide the login button
        $("#logout").show(); //show the logout button

    $.mobile.changePage("#home"); //show the menu

    },
    error: function (response) {
       var r = jQuery.parseJSON(response.responseText);
       console.log(r);
           alert("Error:" + r.error.text);
       }
     });
    }

我有上述功能来隐藏登录按钮，但是使用 jqm 我在不同页面上有许多登录按钮，所有按钮都具有相同的 id。然而，当访问此功能时，仅删除其中一个按钮。它与每个具有相同 id 的登录按钮有关，但我不确定是否有其他方法可以删除所有登录按钮，而无需它们具有不同的 id，然后将所有按钮隐藏在每个单独的页面上

Answer 1

ID 的一个特性是，应该有且仅有一个具有给定 ID 的元素。您可以尝试使用类来代替。您的 HTML 将更改为如下所示:

来自:

<button id="login" class="foo">Login</button>

至:

<button class="foo login">Login</button>

你的新 jquery 隐藏将是:

$(".login").hide();