jqueryまたはjavascriptは複数のアクションを同時に呼び出していますが、同時に呼び出すことはありません

Question

私はそれをクリックするたびに画像/ボタンを隠すようにプレーヤーのボタンを削除したいのですが、プレーヤー機能を追加する。

function addplayer(){ 
for (var i = 51; i <= 94; i++) { 
    if (i == 51 || i == 61 ||){ 
    $("#" + "addplayer" + i).show(); 
} 
} 
} 

これは私のhtmlの発信者

<button onclick="addplayer();"style="bottom:55;position:fixed;right:10;width:100;height:40px;background-color:#FFFFFF;">addplayer</button> 

    document.getElementById("addplayer2").onclick=function(){ 
    document.getElementById("51Container").style.display="inline-block"; 
    document.getElementById("52Container").style.display="inline-block"; 
    document.getElementById("53Container").style.display="inline-block"; 
    document.getElementById("54Container").style.display="inline-block"; 
} 
document.getElementById("addplayer3").onclick=function(){ 
    document.getElementById("61Container").style.display="inline-block"; 
    document.getElementById("62Container").style.display="inline-block"; 
    document.getElementById("63Container").style.display="inline-block"; 
    document.getElementById("64Container").style.display="inline-block"; 
} 

（私はcompletly同じことを探して、合計で6を得た）、ちょうどそれが Theeseをどのように動作するか、説明するためではわずか5の上に、私の追加プレーヤー機能です別のボタンは、それが何かをしていることを示すために、それは私のために働くようだ、私はatmを持っているソリューションの代わりに、同じボタンが（表示）、別のオブジェクトを追加するように、これを行う方法は？

誰かが私を助けてくれることを願っています。

Answer 1

あなたの代わりに$("#addplayer" + i).click()を呼び出す$("#addplayer" + i).show()試みを呼び出すのでは、addplayer#コントロールに割り当てられている機能を呼び出すようにしたい場合は...しかし、私たちの前後に基づいて、あなたのiは、いくつかの注意が必要と思われます。

あなたのaddplayer#コントロールはボタンで、言ったように、それゆえ、私は次のことをお勧め：

function addplayer(){ 
    $("button[id^='addplayer']").each(function(i,e) { $(e).click(); }); 
} 

これは、そのID addplayerで始まる任意のボタンに定義された任意のクリックイベント機能を呼び出します。

、それがどのように動作するかの例については、このフィドルを参照してください：私はあなたのページの正確なメイクを知りませんが、私は（可能であれば）これらの線に沿って何かを示唆しているhttps://jsfiddle.net/qhevn1x3/2/

---

：

<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(); 
    }); 
})(); 

：

その後、私のJSのようなものになるだろう対応するプレーヤーとの追加/削除ボタン。次に、複数のボタンを表示/非表示にするには、適切な追加/削除ボタン（data-idでフィルタリングする）を選択し、そのクリックイベントを呼び出すだけです。