首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法通过jquery检索元素

无法通过jquery检索元素
EN

Stack Overflow用户
提问于 2012-02-24 08:08:00
回答 2查看 240关注 0票数 2

html文件:

代码语言:javascript
运行
复制
  <div id ="main">
  </div>

Javascript:

代码语言:javascript
运行
复制
//create a div
var divElem = $('<div class="divText"></div>');

//create input element inside it
var inhtml = "<input type='text' id='12345' />";

//add to page
$(divElem).html(inhtml).appendTo('#main')

以下无法找到输入元素,因此无法工作:

代码语言:javascript
运行
复制
//retrieve input element
$('#12345').val('hello')

以下作品:

代码语言:javascript
运行
复制
document.getElementById('12345').value = 'hello'

以下作品:

代码语言:javascript
运行
复制
var ipElem = $(inhtml);
$(divElem).append(ipElem).appendTo('#main')
$(ipElem).val('hello')

有人能说出为什么第一个版本的检索元素在jquery中不起作用吗?(从jquery开始.*)

编辑:我认为'12345‘是可行的,但不是一些奇怪的标识,比如: mytext0.15942923246580176 (见此处:http://jsfiddle.net/9PVNb/4/ )

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-02-24 08:11:52

您将divElem包装在jQuery对象中两次:

代码语言:javascript
运行
复制
var divElem = $('<div class="divText"></div>');
var inhtml = "<input type='text' id='12345' />";

$(divElem).html(inhtml).appendTo('#main') // Nop '$(divElem)' plus missing `;`
divElem.append(inhtml).appendTo('#main'); // Yup

编辑:

编辑:我认为“12345”很管用,但没有什么奇怪的标识: mytext0.15942923246580176

您在http://jsfiddle.net/9PVNb/4/的代码无法工作,因为:

代码语言:javascript
运行
复制
// Your `id` has a `.` which you didn't escape
var elemid = 'mytext0.15942923246580176';

您可以通过这样做来使其工作:

代码语言:javascript
运行
复制
alert($('#' + elemid).val()); //undefined. DOES NOT WORK
alert($('#' + elemid.replace('.', '\\.')).val()); // hello world IT WORKS!
票数 5
EN

Stack Overflow用户

发布于 2012-02-24 08:40:05

在这里工作:http://jsfiddle.net/xvKcd/

基本检查:

  • 您正在使用$(document).ready()吗?您的代码可能在加载所需元素之前启动。else?
  • typos?

之前,

  • 加载jQuery吗?
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9427390

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档