隐藏div中的元素

Question

我正在重复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。

Answer 1

您的代码存在多个问题，

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

然后你就可以这样使用，

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

Fiddle

Answer 2

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

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

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

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