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

Question

我正在建立一个类似于“选择你自己的冒险”类型游戏的网站。页面上将出现一个问题，为用户提供三个不同的选择(作为按钮)。当他们单击按钮时，jQuery 和 AJAX 会将问题文本替换为来自单独 HTML 文件的新问题。所有按钮也将被替换，并将被写入该单独的 HTML 文件中。

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

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

Answer 1

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

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

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

var clicked = '';

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

这是一个JSFiddle来演示。