隐藏/显示函数jquery或javascript调用多个操作,但不能同时调用
所以我想制作一个移除播放器按钮,这样每次我点击它时,它都会隐藏一个图像/按钮,添加播放器功能也是如此隐藏/显示函数jquery或javascript调用多个操作,但不能同时调用,javascript,jquery,Javascript,Jquery,所以我想制作一个移除播放器按钮,这样每次我点击它时,它都会隐藏一个图像/按钮,添加播放器功能也是如此 function addplayer(){ for (var i = 51; i <= 94; i++) { if (i == 51 || i == 61 ||){ $("#" + "addplayer" + i).show(); } } } 函数addplayer(){ 对于(var i=51;i如果您想调用分配给addplayer控件的函数,而不是调用$(“#addpla
function addplayer(){
for (var i = 51; i <= 94; i++) {
if (i == 51 || i == 61 ||){
$("#" + "addplayer" + i).show();
}
}
}
函数addplayer(){
对于(var i=51;i如果您想调用分配给addplayer
控件的函数,而不是调用$(“#addplayer”+i)。show()
尝试调用$(“#addplayer”+i)。单击()
。但是,基于我们的反复,您的i
似乎需要一些注意
正如您所说,您的addplayer 35;
控件是按钮,因此,我建议如下:
function addplayer(){
$("button[id^='addplayer']").each(function(i,e) { $(e).click(); });
}
这将调用为id以addplayer
开头的任何按钮定义的任何单击事件函数
查看此小提琴的工作原理示例:
虽然我不知道你的页面的确切组成,但我会建议如下(如果可能):
这将把添加/删除按钮与相应的播放机连接起来。然后,如果您希望有一个按钮来隐藏/显示多个按钮,您只需选择适当的添加/删除按钮(通过按数据id筛选)并调用它们的单击事件。是否尝试获取addplayer()
根据索引i
为每个播放器链接调用onclick
事件?是的,这不是解决问题的最简单方法吗?我每次点击需要删除1次。你的元素addplayer2
和addplayer3
定义为按钮?超链接?同样,你的51Con是什么tainer
和52容器
等定义为添加玩家
function addplayer(){
$("button[id^='addplayer']").each(function(i,e) { $(e).click(); });
}
<div id='51Container'>some player</div>
<button class="addPlayer" data-id="51">Add Player</button>
<button class="removePlayer" data-id="51">Remove Player</button>
// Page-level execution to assign my click events
$(function() {
$("button.addPlayer").on("click", function() {
var id = $(this).attr("data-id");
$("#" + id + "Container").css({'display':'inline-block'});
$("button.addPlayer[data-id='" + id + "']").toggle();
$("button.removePlayer[data-id='" + id + "']").toggle();
});
$("button.removePlayer").on("click", function() {
var id = $(this).attr("data-id");
$("#" + id + "Container").css({'display':'none'});
$("button.addPlayer[data-id='" + id + "']").toggle();
$("button.removePlayer[data-id='" + id + "']").toggle();
});
})();