javascript - 投射 HTML 对象元素？

Question

我正在尝试勾选一个位于表格第一个单元格内的复选框。

var checkbox = $(this).find("td").eq(0);

返回一个 [Object object] 但是当我使用 html() 函数时，很明显它只返回输入元素的代码。

是否可以转换变量复选框以便我可以检查它？

Answer 1

你得到[Object object]是因为.eq()返回一个 jQuery 对象。

您正在获取 HTML 代码，.html()因为这是 jQuery 对象的一种方法，它返回元素内的 HTML（类似于原始 Javascript .innerHTML()）。

要从 jQuery 对象中获取原始 HTML DOM 元素，您可以尝试以下操作：

var rawDomElement = $(this).find('td')[0];

编辑

但是如果你想选中一个复选框，你可以尝试调用.attr('checked', true)一个代表复选框 DOM 元素的 jQuery 对象。

Answer 2

试试这个 ：

var checkbox = $(this).find("td:first :input[type=checkbox]");
checkbox.prop('checked',!checkbox.prop('checked'));

我建议你使用 jquery 的prop方法而不是那个attr。

Answer 3

var checkbox = $(this).find("td:first").find(':checkbox');