点击按钮

[dialulmade1973]

你好，首先我想解释一下我想做的事情。我做了一个网站，在主要的部分有一个包含不同Maindiv的部分。这些Maindiv都有相同的CSS和HTML代码，并在这些Maindiv中有很多的div。例如：与第一个Maindiv相同的过程...我的问题是：当我点击按钮时，我如何获得Maindiv的nthChild?而且，我不能为每个Maindiv重新命名为单独的类或id...

 

[rupsiowalbull1977]

你能使用jQuery或者普通的JS吗？

 

[alhunnesspo1984]

这段代码将获取到被点击的按钮所在的父级div.Maindiv。function onclick(e) { var el = e.target.closest('div.Maindiv');}

 

[beaudesetu1989]

可以像cnick79建议的那样使用element.closest() 方法获取所在的“主”div，然后通过使用其children属性获取该div的第N个子元素。function onclick(event) { var mainDiv = event.target.closest('.Maindiv'); var firstChild = mainDiv.children[0]; var secondChild = mainDiv.children[1];}

 

[hicxicomo1973]

如果你要在网站上使用它，可以在 Chrome 浏览器上安装 Tampermonkey 插件，然后在用户脚本中安装 jQuery 并编写以下代码：$(".maindiv").eq(1).remove(); 当你单击按钮时激活此函数！