Question

我正在建立一个类似于＆＃34;选择自己的冒险的网站＆＃34;打字游戏。在页面上将有一个问题，为用户提供三种不同的选择（作为按钮）。当他们点击按钮时，jQuery和AJAX将用一个单独的HTML文件中的新问题替换问题文本。所有按钮也将被替换，并将在单独的HTML文件中写入。

我的问题是我需要一种方法让每个按钮都有自己的ID号，这样当jQuery获得更改问题的请求时，它会转到一个特定文件，其中一个新问题与按钮上的ID号相匹配。因此，每个按钮都会有一个与新问题相对应的ID。

简而言之：有没有办法从点击的按钮中检索ID或数据属性，并将该信息传递到我的jQuery / AJAX函数中？谢谢！

Answer 1

＆＃34;有没有办法从点击的按钮中检索ID或数据属性，并将该信息传递到我的jQuery / AJAX函数中？＆＃34;

有几种方法可以做到这一点。这是最简单的方法之一：

<div class="button" id="button1">Click Me</div>

var clicked = '';

$('.button').click(function() {
    clicked = $(this).attr('id');
    window.alert('You clicked: '+clicked);
});

这里有JSFiddle来演示。

Answer 2

只需添加上述答案即可。如果HTML文件名与按钮ID相同，则可以将其直接添加到AJAX请求中。

<div class="button" id="button1">Click Me</div>

$('.button').click(function() {
    var $this = $(this).attr('id'),
    url = 'includes/' + $this + '.html';   // Select file url
    $.post(url, function(data) {           
        $('#target_div').html(data).show();    // Display external file to target div 
    });
});

用jQuery / AJAX替换Div内容 - 使用按钮ID

2 个答案: