如何獲取按鈕ID

Question

我有一個文件Index.aspx連接到文件seatbooks.js 。
在Index.aspx有一個ID為Indexbutton的按鈕。 Indexbutton已eventonclick='book_ticket()' 。 book_ticket()方法是包括上seatbooks.js 。 如何獲取按鈕的ID（ Indexbutton上） book_ticket() 請檢查下面的代碼：

 <input type="button" name="submit" class="ui-state-default ui-corner-all" id="indexbutton" onclick="book_tickets()" value="Book Seat" />

上面是我在Index.aspx代碼。 這是我的book_ticket()代碼：

function book_tickets() {    
var tickets = jQuery('.seat.selected').length;
//seatId = $('#button').attr('id');   
//var btnId = this.attr('id');
//console.log(seatId);
if(tickets==0)
{
    alert('Please select at least one seat to continue...!');
    return false;
} else if (tickets > 1)
{
    alert('Please select only one seat to continue...!!');
    return false;
}else
{
    x = jQuery('.seat.selected').toArray();
    jQuery('#seat-form-data').html('');
    jQuery('.seat.selected').each
    (
        function () {
            var ydata = jQuery(this).html();
            xdata = ydata.replace("[class]", "");
            jQuery('#seat-form-data').append(xdata);
        }
    );
    jQuery('#seat-form-data').append('<input type="submit" value="submit">');
    jQuery('#seat-form-data input[type="submit"]:first').trigger('click');
    //console.log(xdata);


    // Link to open the dialog
   $("#dialog").dialog("open");
    //event.preventDefault();
}

}

我試過了：

seatId = $('#button').attr('id');   
var btnId = this.attr('id');

並嘗試在控制台上顯示它。 但這是行不通的。 它說undefine 。 我想在indexbutton （）上獲取indexbutton （按鈕ID book_tickets() 。

Answer 1

由於您具有硬編碼的ID，因此為什么要通過任何其他方式訪問它。 您可以對按鈕ID進行硬編碼，不是嗎？

無論如何，一種解決方案是將dom引用傳遞給類似

<input type="button" name="submit" class="ui-state-default ui-corner-all" id="indexbutton" onclick="book_tickets(this)" value="Book Seat" />

然后

function book_tickets(el) { 
    var buttonId = el.id;
    ....
}

您的密碼

seatId = $('#button').attr('id');
var btnId = this.attr('id');

$('#button').attr('id')將尋找ID的元素button ，如果發現它會返回id該元素這又是一個button ，同樣this里面book_tickets方法並不是指到按鈕，它是窗口對象，因此this.attr('id')將失敗。