javascript - 表准备好后访问元素的属性

Question

这里我有一个 html 表格，其中包含单元格和单元格内的输入字段:

<tr class="google-visualization-table-tr-even google-visualization-table-tr-sel">
   <td class="google-visualization-table-td"><input id="costRedovi" vr="2013-04-01" kol="John Deer n7" class="form-control" value="0"></td>
   <td class="google-visualization-table-td"><input id="costRedovi" vr="2013-04-01" kol="Laza Lazic" class="form-control" value="0"></td>
</tr>

现在我写一个函数:

new google.visualization.events.addListener(table, 'ready', function () {

    $("#costRedovi").focusout(function() {
        console.log(this.attr('value'));


    });

});

所以当表准备好用 focusout 事件做一些事情时......但我得到:Uncaught TypeError: Object #<HTMLInputElement> has no method 'attr'当表格准备好时，如何从输入元素获取值？另外，为什么当我将 jquery 作为 HTML 页面顶部的顶级源时，我不能在这里使用 jquery 函数？

我该如何解决这个问题？

我到底需要什么？当google可视化表准备好获取jquery时 .focusout事件并从 ID=costRedovi 的输入字段获取一些属性...

可能吗？

Answer 1

你需要将 this 包装到 jQuery 包装器中，如下所示:

console.log($(this).attr('value'));

标准 Javascript API 不包含诸如 attr 之类的 od 方法，并且 this 是纯 JavaScript 对象 - 它不包含 jQuery 方法。这就是为什么您需要将其包装在 $() 中。也不能有多个同名的 id。 id 在整个 html 文档中应该是唯一的。大多数情况下 JavaScript 无法正确处理它。您应该删除 focusout 事件监听器并直接获取值(但要确保您的 id 是唯一的)，例如:

    console.log($('#costRedovi1').attr('value'));
    console.log($('#costRedovi2').attr('value'));