Javascript 单击时更改第一个跨距上的“类为空”文本 我在哪里 在这个由50名曲棍球运动员组成的方格中，点击一名.player，即可获得该球员的姓名 然后它会打开一个弹出框，用户可以在其中将该播放器添加到他们的 通过单击按钮btn add组建团队。然后，我将切换列表中第一个空白区域的文本，该区域显示一个人选择的玩家的姓名，根据他们的位置使用.eq（）和.html（），播放器--转发，球员——防守队员或球员——守门员 问题

当我点击

btn添加

按钮时，它会更改所有三个位置的第一个空位置的文本“

跨度

：

，

或

player--守门员

，以及上次点击的球员的姓名，而不仅仅是那个位置

scripts.js index.html

tk位置

tk名称

tk年
Lorem ipsum door sit amet，继续为精英服务。同样地，发明人也必须承认自己的错误，承认自己的错误，承认自己的错误
tk统计数据

加入团队
开除
组建自己的团队
通过点击一名球员查看他们的数据，在线选择并分享你的梦之队，了解他们对蓝军的影响，以及为什么他们被选入我们的前50名名单


挑前锋
挑前锋
挑选一名辩护人
挑选一名辩护人
挑选一名辩护人
挑选守门员

布莱恩·艾略特

守门员

布莱恩·萨特

向前
克里斯·普兰格

防守队员

在你的
$（“.btn--add”）。点击（function（）{
你的if行正在检查
$（“.player”）
是否有一个类，这不是用户点击的当前播放器所特有的，它将检查带有类
播放器的任何东西是否有这三个类中的一个（看起来像是这样的）所以所有三个if语句都将始终运行

如果在单击当前播放机时将其存储在变量中，则稍后可以在按钮单击函数中仅针对该播放机。以下是一个示例：

$(".player").click(function(){
    var player = $(this); // select current player div
    // Count number of players of each position that have been clicked
    var pickedF = $(".player--forward.is-selected").length;
    var pickedD = $(".player--defenseman.is-selected").length;
    var pickedG = $(".player--goalie.is-selected").length;

    console.log(pickedF, pickedD, pickedG);

    // Grab the name of the player last clicked
    playerName = player.find(".player__name").text();
    console.log(playerName);

    $(".btn--add").click(function(){
        if (player.hasClass("player--forward")) {
            $(".player__pick--forward.is-empty").eq(0).html(playerName);
            $(".player__pick--forward.is-empty").eq(0).removeClass("is-empty");
        }

        if (player.hasClass("player--defenseman")) {
            $(".player__pick--defenseman.is-empty").eq(0).html(playerName);
            $(".player__pick--defenseman.is-empty").eq(0).removeClass("is-empty");
        }

        if (player.hasClass("player--goalie")) {
            $(".player__pick--goalie.is-empty").eq(0).html(playerName);
            $(".player__pick--goalie.is-empty").eq(0).removeClass("is-empty");
        }
    });
});

在你的
$（“.btn--add”）.click（function（）{
你的if行正在检查
$（“.player”）
是否有一个类，这不是特定于用户单击的当前播放器的，它将检查类
player
的任何东西是否有这三个类中的一个（看起来像是这样的）所以所有三个if语句都将始终运行

如果在单击当前播放机时将其存储在变量中，则稍后可以在按钮单击函数中仅针对该播放机。以下是一个示例：

$(".player").click(function(){
    var player = $(this); // select current player div
    // Count number of players of each position that have been clicked
    var pickedF = $(".player--forward.is-selected").length;
    var pickedD = $(".player--defenseman.is-selected").length;
    var pickedG = $(".player--goalie.is-selected").length;

    console.log(pickedF, pickedD, pickedG);

    // Grab the name of the player last clicked
    playerName = player.find(".player__name").text();
    console.log(playerName);

    $(".btn--add").click(function(){
        if (player.hasClass("player--forward")) {
            $(".player__pick--forward.is-empty").eq(0).html(playerName);
            $(".player__pick--forward.is-empty").eq(0).removeClass("is-empty");
        }

        if (player.hasClass("player--defenseman")) {
            $(".player__pick--defenseman.is-empty").eq(0).html(playerName);
            $(".player__pick--defenseman.is-empty").eq(0).removeClass("is-empty");
        }

        if (player.hasClass("player--goalie")) {
            $(".player__pick--goalie.is-empty").eq(0).html(playerName);
            $(".player__pick--goalie.is-empty").eq(0).removeClass("is-empty");
        }
    });
});

谢谢你抓到了杰夫！这很接近，但还没有。@jeff carey我看到了一些奇怪的行为，当我点击一个
播放器--转发
，然后我点击一个
播放器--防御者
它改变了两个空slots的文本，我添加了另一个未经批准的编辑。在添加$（“.btn--添加”）之前单击处理程序，通过写入$（“.btn--add”）来解除绑定以前添加的所有处理程序。解除绑定（“单击”）；@AndrewNguyen unbind将阻止您将多个事件绑定到您的按钮单击事件，这可能是导致您早期看到的奇怪行为的原因谢谢您抓住了jeff！这很接近，但还没有。@jeff carey当我单击
播放器--forward
然后单击时，我看到一些奇怪的行为a
player--defencemen
它更改了两个空slotsI的文本。我添加了另一个未经批准的编辑。在添加$（“.btn--add”）单击处理程序之前，请通过写入$（“.btn--add”）来取消绑定以前添加的所有slotsI。取消绑定（“click”）；@AndrewNguyen unbind将阻止您将多个事件绑定到您的按钮单击事件，这可能是导致您之前看到的奇怪行为的原因
$(".player").click(function(){
    var player = $(this); // select current player div
    // Count number of players of each position that have been clicked
    var pickedF = $(".player--forward.is-selected").length;
    var pickedD = $(".player--defenseman.is-selected").length;
    var pickedG = $(".player--goalie.is-selected").length;

    console.log(pickedF, pickedD, pickedG);

    // Grab the name of the player last clicked
    playerName = player.find(".player__name").text();
    console.log(playerName);

    $(".btn--add").click(function(){
        if (player.hasClass("player--forward")) {
            $(".player__pick--forward.is-empty").eq(0).html(playerName);
            $(".player__pick--forward.is-empty").eq(0).removeClass("is-empty");
        }

        if (player.hasClass("player--defenseman")) {
            $(".player__pick--defenseman.is-empty").eq(0).html(playerName);
            $(".player__pick--defenseman.is-empty").eq(0).removeClass("is-empty");
        }

        if (player.hasClass("player--goalie")) {
            $(".player__pick--goalie.is-empty").eq(0).html(playerName);
            $(".player__pick--goalie.is-empty").eq(0).removeClass("is-empty");
        }
    });
});