个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我是 javascript 和 jQuery 新手，所以这可能是个愚蠢的问题 -
我正在尝试将行附加到 html 表中，我看到了一些让我感到奇怪的东西:
当我使用 document.getElementById('my_table') 访问我的 html 表时，我得到对象 HTMLTableElement，然后我可以执行 insertRow(-1) 等操作，但是当我通过 jquery 访问同一个 html 表时- $('#my_table') 我得到对象对象，它显然没有我需要的任何方法。是什么赋予了？
谢谢!
代码如下:
<html>
<head>
<title>FOO </title>
<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script type="text/javascript">
$(document).ready(function() {
console.log('ready');
var data = [
{ "amount":"medium",
"notes":"chicken teriyaki bento box",
"date_time":"1391029200",
"type":"lunch",
"id":18},
{ "amount":"small",
"notes":"bread, meat balls",
"date_time":"1391645306",
"type":"lunch",
"id":24}
];
data.forEach(function(row) {
for (var key in row) {
$('body').append(row[key] + ' ');
}
$('body').append('<br>');
});
// append to table
(function() {
var my_table_jq = $("#my_table");
$('body').append(Object.prototype.toString.call(my_table_jq));
var my_table_js = document.getElementById('my_table');
$('body').append(Object.prototype.toString.call(my_table_js));
})();
});
</script>
</head>
<body>
<table id="my_table" border="1">
<tr>
<th>Date</th><th>Meal</th><th>Amount</th><th>Notes</th>
</tr>
</table>
</body>
</html>
最佳答案
你通过jQuery得到的对象id selector是 jQuery 对象不是 DOM 对象，您必须将它转换为 DOM 对象。您可以使用 indexer 将其转换为 DOM 对象。您还可以使用 jQuery .get( index )获取 DOM 对象。
改变
$('#my_table')
给
$('#my_table')[0]
或
$('#my_table').get(0)
Calling jQuery() (or $()) with an id selector as its argument will return a jQuery object containing a collection of either zero or one DOM element, jQuery doc.
关于javascript - jQuery $ ("#someId) vs document.getElementById(' someId'), 访问相同的 DOM 元素看到不同的结果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21871236/
25
4
0
我正致力于从 HTML、PHP 和 MySQL 数据库构建一个社交网络，但我不知道如何让这个 PHP 代码工作。请记住，我完全不是 PHP 专家。 我现在正在研究的是一个函数，atreplace($t
使用上有什么区别 #mb > a 对比 div#mb > a 在下面的代码中？似乎产生了相同的结果。 #mb > a { background:#333; paddi
我是 javascript 和 jQuery 新手，所以这可能是个愚蠢的问题 - 我正在尝试将行附加到 html 表中，我看到了一些让我感到奇怪的东西: 当我使用 document.getElemen
我正在尝试将以下 SQL 语句转换为 Core Data: delete from SomeTable where someID not in ( select someID from
当我在客户端为我的一个应用程序进行验证时。我脑子里有这些问题。 问题一:dijit.byId('someId').value 和 dijit.byId('someId').get('value') 有
我在 CSS 方面经验不多，但最近我发现在类选择器前有空格和没有空格是有区别的。到目前为止，我只知道它们被解释为两种不同的东西......有 CSS 经验的人可以向我解释具体的区别是什么吗？这是否也适
这个问题可能看起来很愚蠢，但是使用 document.getElementById("someId") 访问元素(id 为“someId”)与访问元素之间有什么区别。只需输入 someId ？ 例如:
这个选择器的含义是什么:$("#someID > * *") 我知道 > 表示子节点，* 表示所有节点，但我对这两个星号感到困惑。有什么想法吗？ 最佳答案 它选择#someID的所有孙子或更低的子代。
我正在从 api 获取一小部分 HTML 代码，想要像下面那样呈现到 DOM 中...... // getting template from backend. let template1 = "";
我不太明白如何操作 DOM。我用过 document.getElementById('someid').innerHTML = "HI"; 在其他地方，效果很好。但是，当我向网页添加计时器时，我无法使
我想自动点击网站中的某些链接。 由于网页上的链接不是直接链接，例如 www.example.com/1.html。 它显示了我有兴趣点击的所有链接的以下链接地址 javascript:void(1)
我正在尝试调用 javascript 函数 onclick。我写过这样的东西 function readPage(){ alert("Hello"); } d
首先，根据创建 slider 的要求，我找到了以下链接 Reference 1 我已经成功实现，但是当我们开始放置 asp.net 代码时，它开始产生问题。然而，我能够解决其中的许多问题，但我被困的问
我正在尝试一下 jqGrid 设置，有些事情我不清楚，比如 pager 的正确用法。这个想法是向顶部和底部栏添加一些自定义按钮。 这是我一直在使用的代码: $("#order_logs").jqGri
我正在尝试执行非常简单的 Javascript 实现。 它通过不同文本上的 onMouseOver 事件来更改一张图像。 它可以在 Firefox 上完美运行，但不能在任何其他浏览器中运行。 HTML
我主要使用 php，但决定学习 javascript 和 jquery。为 wordpress 主题编写此脚本。当时它工作正常，突然之间，只是没有响应——似乎变量没有被识别。由于我是 js 和 jqu
我在表单中设置 document.forms[0].elements['someid'].style.backgroundColor="red" 并提交。 如何获取“red”的值，以便我可以在另一个页
我在本地主机上工作时不会遇到这个问题，只有当我使用我系统的 ip 地址访问页面时才会发生这种情况，而且它只发生在 IE 上!! (适用于所有其他浏览器) 顺便说一句，我正在使用 Tomcat V6.0
我正在使用 angular.js 1.2.13。我正在使用第三方工具，该工具使用 Angular.js 并集成到我的项目中，我在 .js 文件中使用 Angular.js 代码。 为了获取范围数据，我
我有一个网站，其中包含 25-30 个不同的页面(页面类型/模板，实际上，您可能已经明白了)。 对于其中的每一个，我都会在 $(document).ready(function() ...); 上连接
我是一名优秀的程序员,十分优秀！