我设置了两个输入按钮(我正在使用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。感谢
答案 0 :(得分:2)
由于您在问题中标记了jquery
,我将使用jQuery与您分享一个简单的代码段,希望它可以帮助您。
http://codepen.io/anon/pen/ALWRRP
对于jquery click事件监听器,
您可以访问事件对象,event.target是触发事件的元素。要在课程中找到包含example_class
的父元素,您可以使用$(element).parent('.example_class')
。
希望有所帮助:)