如何在点击事件 jquery 中使用点击事件

Question

我有一个生成的列表，因此它可以包含任何数量的问题。

总有三个答案，"OK", "Fout" and "N.v.t."

当 被选中时（fout在荷兰语中表示错误），将显示一个下拉列表，其中可以添加其他信息和图像。fout

我为它做了相同的工作，但现在我只想在点击加号图标时显示该下拉列表。此图标仅在用户使用 回答问题后显示。OKOK

你可以在这里看到它：https://jsfiddle.net/6pxjskr5/

我该怎么做？我的猜测是内部的，但我不知道这是否可能。click eventclick event

我尝试了以下方法：

$(document).on('click', '[id^=radio]', function(){

  var userresp = this.value;

  var fout_id = $(this).attr('id');

  var index = fout_id.split('-')[1];

  if (userresp == 'ok') index= parseInt(index)+ 1;

  if (userresp == 'fout') index= parseInt(index)+ 0;

  if (userresp == 'nvt') index= parseInt(index)- 1;

  // The container for the additional negative info (FOUT)

  var afw_id = 'afw-div-' + index;

  // The container for the additional positive info (OK)

  var pos_id = 'pos-div-' + index;

  // The plus icon

  var plus_id = 'plus-div-' + index;

    console.log('radio clicked', userresp, index);

    if (userresp=='fout') {

        $('#' + afw_id).slideDown();

        $('#' + pos_id).slideUp();

        $('#' + plus_id).hide();

    }

    else if(userresp=='ok'){

        $('#' + afw_id).slideUp();

        $('#' + plus_id).show();

        $(document).on('click', plus_id, function(){

          console.log('test');

        });

    }else{

        $('#' + plus_id).hide();

        $('#' + afw_id).slideUp();

        $('#' + pos_id).slideUp();

    }

});

但是，单击加号图标时，我的控制台中没有消息。test

Answer 1

例如，您的选择器等于 。但是您打算按 ID 进行选择，因此应以 .所以它变成了：.plus_idplus-div-123##plus-div-123