访问变量内的DOM元素

我有一个TR元素，我已经提取到JavaScript中的变量。现在我想进一步挖掘这个元素从那里提取一些特定的内容。例如，在TD中有一个TYPE = TEXT的INPUT。我想要的是如下所示。访问变量内的DOM元素

var trElem = $("#idOfTrElem").get();//This gives me an array of the content of TR element.

现在我想进一步挖掘上述变量并从中提取一些值。我该怎么办？

你'请问如何从一个数组中取出物品？或者如何获得'TR'元素的孩子？我无法分辨你在问什么。似乎你只需要阅读初学者的jQuery材料。 –

有你为什么早叫.get()理由吗？ jQuery使提取数据非常简单。例如，你可以找到所有的该行中输入和记录他们的价值观是这样的：

$('#idOfTrElem input[type=text]').each(function() { 
    console.log(this.value); 
});

我写了一个关于正是你描述做什么职位，这应该是有帮助的：http://encosia.com/use-jquery-to-extract-data-from-html-lists-and-tables/

2015-07-05 15:54:06

问题是，为了保持结构，我放了几个其他元素，如TR-> TD-> SPAN-> INPUT = TEXT。似乎我所做的事情很复杂。 –

@ user3126973像'#id input'这样的选择器不需要您指定确切的层次结构。他们可以在TR内部的TD或SPAN中，这仍然可以找到它们。如果您想缩小文本输入范围，可以将其更改为'#idOfTrElem input [type = text]'。 –

明白了！我会记住这一点。你的链接是该死的有用...感谢戴夫！帽子掉了！ –

-1

var $tr = $("#idOfTrElem"); 
var trElem = $tr.get(0); 
var $td = $tr.find("td:eq(0)") 
var $input = $tr.find('input');

这是有帮助的

2015-07-05 15:53:28

回答