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

时间:2016-09-10 02:46:29

标签: javascript jquery html pug

我设置了两个输入按钮(我正在使用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上都有两个输入按钮,它们都相等但与不同的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") 

当输入 tick 添加或删除特定输入的父div >分别交叉。只有那些特定输入所在的特定父div。我已经尝试了很多但是无法完成它。如果需要,我很乐意接受jquery。感谢

1 个答案:

答案 0 :(得分:2)

由于您在问题中标记了jquery,我将使用jQuery与您分享一个简单的代码段,希望它可以帮助您。

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

对于jquery click事件监听器, 您可以访问事件对象,event.target是触发事件的元素。要在课程中找到包含example_class的父元素,您可以使用$(element).parent('.example_class')

希望有所帮助:)