jquery隐藏只隐藏一个按钮

时间:2014-01-14 23:55:36

标签: javascript jquery jquery-mobile

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,然后隐藏所有在每个单独的页面

2 个答案:

答案 0 :(得分:2)

ID的一个特征是应该只有一个具有给定ID的元素。您可以尝试使用类。您的HTML将更改为:

自:

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

为:

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

你的新jquery隐藏将是:

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

答案 1 :(得分:0)

不仅仅使用ID作为选择器,而是如何同时使用元素标记?

$('button#login').hide();

或倍数!

$('button#login, div#login, input#login').hide();

JSFiddle: http://jsfiddle.net/wyze/HS3zS/1/