jquery - jQuery 创建一个包含被点击按钮 id 的变量
问题描述
选择您自己的冒险类型的游戏需要该代码。当然会有很多文本和按钮,所以我认为与其为每个按钮编写代码行,不如编写一些使用变量的代码。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
var n = $('button').find(this.id);
$(document).ready(function(){
$("#2").click(function(){
$("#1").hide();
$("#n").hide();
});
$("#2").click(function(){
$("#3").show();
});
});
</script>
我尝试了很多不同的解决方案,但由于我不擅长 jQuery,我找不到一个有效的解决方案。
如果有人能告诉我什么是正确的,以及它是如何工作的,我将不胜感激。非常感谢!
如果您需要更多信息,我会在明天继续。
解决方案
您可以data-attribute
在每个按钮上设置一个,然后聆听整个应用程序的按钮点击。当检测到一个时,您可以获得 的值data-action
并使用 switch 语句选择要执行的操作。
<button data-action="start adventure">Start!</button>
<button data-action="pause game">Pause...</button>
<button data-action="quit">Quit.</button>
<script>
$('body').on('click', 'button', function(e){
var clicked_button = $(e.target);
var button_action = clicked_button.data('action');
switch(button_action){
case 'start adventure': {
// do things
alert('Lets start an adventure!');
break;
}
case 'pause game': {
// do things
alert('Game is paused.');
break;
}
case 'quit': {
// do things
alert('Sorry to see you go!! :( ');
break;
}
default: {
console.log('What do we do for this action?', button_action);
}
}
});
</script>
的“属性”部分data-attribute
可以是您想要的任何单词。数据-动作,数据-事物,数据-随便。只需确保在 jQuery 中获得与.data('attribute')
您选择的单词匹配的部分。
推荐阅读
- c# - 在 Linq 中想要这个 Sql 查询
- php - 无法使用 PHP 删除数据库中的行
- python - 从 TBODY 中提取 TD
- c# - 哪个更适合编译和执行禅?if(a == null) 或 a?
- ios - Xcode 11 GM 中缺少 iOS 12.4
- python - __defaults__ 显式默认以克服可变问题
- javascript - 为什么 Node.js 通常使用 'var' 而不是 'let'?
- python - 为什么我的 python 代码中的每一行后面都有空格?
- ios - Swift,带有基本身份验证的 URL
- google-cloud-platform - 在 VM 实例中安装 Python 库