隐藏div中的元素

时间:2015-11-09 09:19:44

标签: javascript jquery html javascript-events frontend

我正在重复div #Play_Start。我在div中有一个事件。从Dropdown选择Play,它会隐藏带有Play文本的Green div。

它在第一个div上工作正常。但是不要在重复的div上工作。 我想在特定div中选择下拉播放选项时隐藏绿色div。 例如:从div一个下拉选择播放选项它应该隐藏只有那个div而不是其他的绿色div。

和其他div一样。它应该隐藏从同一div选择下拉选项的绿色div。

My fiddle here : http://jsfiddle.net/kgm50e43/2/

目前它仅适用于第一个div,而不适用于其他重复的div。

2 个答案:

答案 0 :(得分:1)

您的代码存在多个问题,

  1. 你正在复制id。 Id应该是唯一的。您需要将其替换为类名。
  2. 您不需要从元素编写内联函数调用。您可以使用jQuery将事件绑定到元素。
  3. 由于您是动态创建元素,因此需要使用委托来绑定元素。
  4. 然后你就可以这样使用,

    $(document).on("change", ".Inputs-Control", function () {
        $(this).closest(".Play_Start").find('.IconTest').hide();
    });
    

    Fiddle

答案 1 :(得分:0)

复制元素时不要使用ID。您应该只有1个ID(唯一)。你应该使用类。

我认为这就是你要找的东西。我不打算为你编写代码 - 但你应该能够用它来解决它。

$('.input-control').on('change', function(){
    var val = $(this).val();

    if(val === "0"){
         $(this).parent().find('.hide-me').hide();
    }
});