访问变量内的 DOM 元素 [关闭]

Posted 2023-05-09

【中文标题】访问变量内的 DOM 元素 [关闭]

【英文标题】：Accessing DOM elements inside a variable [closed]

【发布时间】：2015-09-22 18:53:31

【问题描述】：

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

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

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

【问题讨论】：

您在问如何从数组中取出一个项目？或者如何获得TR 元素的子元素？我只是不知道你在问什么。看来你只需要阅读初学者的jQuery材料。

【参考方案1】：

您提前致电.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/

【讨论】：

问题是，为了保持结构，我放了几个其他元素，比如 TR->TD->SPAN->INPUT=TEXT。看来我做的方式很复杂。

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

知道了！我会记住这一点。您的链接非常有用...谢谢戴夫！脱帽致敬！

@user3126973 谢谢。很高兴我能帮上忙！

【参考方案2】：

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

这有用吗