Javascript 如何使用类获取元素第四个子元素的输入？

我想当我点击tr第四个子项的输入时，提醒一些事情， 我能做什么？

使用选择器

选择器匹配一系列子元素中的多个

子元素

，这些子元素的

数字位置

与模式a+b匹配

.abc td:n子（4）输入

=>从父

.abc

元素的

第4个子

中选择一个

输入

元素

var elems=document.querySelectorAll（'.abc td:n个子（4）输入'）；
[].forEach.call（elems，function（elem）{//迭代所选元素！
元素addEventListener（'click'，函数（）{
console.log（'Clicked'）；
});
});

一个
两个
三
和一些文本（不可点击）
五
一个
两个
三
和一些文本（不可点击）
五
我更喜欢使用JQuery

<tr class='abc'>
    <td></td>
    <td></td>
    <td></td>
    <td>
       <input></input>
    </td>
    <td></td>
</tr>

如果可以使用jQuery，可以尝试使用
nth-child（）
选择器

语法：

$("tr.abc").on("click", "td:eq(3) input", function(){
    console.log("click the fourth td")
})

你的情况：

$('.className element:nth-child(x)').whatever()...

$（“tr li:nth child（4）”）
将是更多帮助的答案。请转到jquery的文档。
希望这能回答你的问题。
我假设你的类只有一个，所以我用0索引调用。你想要第四个孩子，所以用索引3 js数组标准调用，那么你的
输入只有一个作为索引0

$('tr.abc td:nth-child(4)').whatever()...

如果您的元素不止一个，您可以使用for loop…
进行迭代。请注意，Internet Explorer 8（及早期版本）会阻止此操作。抱歉。我要的不是满座。我们可以使用jquery。并且输入标记从一开始就不显示。它仅在javascript事件后显示。我能做什么？@sfblap，从一开始页面上有什么<代码>表格
？谢谢。问题解决了$（document）.on（'click'，”.abc td:n子（4）输入），function（）{alert（'something'）；}）@太棒了。。！必须使用..问题没有标记为“jquery”。您是否建议OP应该包含一个完整的库来实现这一功能？这个问题没有用jQuery标记，但在任何情况下，您的选择器
”。abc:n子元素（4）
将查找具有类
abc
的元素，该元素也是第四个子元素。这不是OP想要的。@nnnnnn谢谢你指出错误。我建议使用jQuery，因为OP说它可以供他使用。也许可以将其添加到问号中
var g = document.getElementsByClassName("abc")[0];          
g.children[3].children[0].onclick = function(){
        alert('clicked');
}