隐藏 div 内的元素

Question

我正在复制 div #Play_Start。我在 div 中有一个事件，在 select 的 Play from Dropdown 中，它隐藏了带有 Play 文本的绿色 div。

它在第一个 div 上运行良好。但不适用于重复的 div。我想隐藏特定 div 下拉播放选项 select 上的绿色 div。例如：从 div 一个下拉菜单 selected 播放选项应该隐藏绿色 div 只有那个 div 而不是其他

与其他 div 相同。它应该隐藏绿色 div on selection of dropdown option from same div.

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

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

Answer 1

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

我想这就是您要找的。我不会为您编写代码 - 但您应该能够使用它来解决问题。

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

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

Answer 2

您的代码存在多个问题，

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

那你就可以这样用了,

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

Fiddle

隐藏 div 内的元素

Hide the element within the div

html

javascript

jquery

frontend

jquery-events