javascript - 激活特定输入时删除特定 div

Question

我设置了两个输入按钮(我正在使用jade ftm...):

input(type="image" name="tick" src="tick.png"  onclick="exampleFunction(); return false;" width="50" height="50") 
input(type="image" name="cross" src="cross.png"  onclick="exampleFunction(); return false;" width="50" height="50") 

这两个输入按钮是 div 的子级。当我从客户端接收到信息时，这些 div 中的每一个都会被渲染，并且它们都具有相同的类。所以基本上我在每个生成的 div 上都有两个输入按钮，它们都是相同的，但与不同的 div 相关联。只是为了澄清:

#content_div
            - each x in locals.xxx   //jade syntax//
             .example_class
               input(type="image" name="tick" src="tick.png"  onclick="exampleFunction(); return false;" width="50" height="50")
               input(type="image" name="cross" src="cross.png"  onclick="exampleFunction(); return false;" width="50" height="50") 

我想要的是当输入勾选或时能够添加或删除特定输入的父div >分别交叉。仅那些特定输入所在的特定父级 div。我已经尝试了很多但无法完成。如果需要的话我很乐意接受jquery。谢谢

Answer 1

既然您在问题中标记了 jquery，我将与您分享一个使用 jQuery 的简单代码片段，希望它能帮助您继续下去。

http://codepen.io/anon/pen/ALWRRP

对于jquery点击事件监听器，您可以访问事件对象，而 event.target 是触发事件的元素。要在类中查找具有 example_class 的父元素，可以使用 $(element).parent('.example_class')。

希望有帮助:)