带有#id的jQuery load()不适用于TEXTAREA

时间:2015-08-10 13:18:07

标签: jquery ajax textarea

http://www.w3schools.com/jquery/jQuery_ajax_load.asp

的index.html:

<textarea id="#my-textarea"></textarea>

的script.js:

$("#my-textarea").load("db.txt");工作

$("#my-textarea").load("db.txt #some-data");无效

$("#my-textarea").load("db.html");工作

$("#my-textarea").load("db.html #some-data");无效

db.txt:

<p id="some-data">Some Data</p>Some Outside Data

jQuery 1.11.3

我做错了什么?

2 个答案:

答案 0 :(得分:0)

这是一个plunkr链接Plnkr

<body>
<h1>Hello Plunker!</h1>
<div id="block">here: </div>

<script>$("#block").load("db.html #some-data");</script>`

我所要做的只是将标记放在标记的末尾,我不知道它为什么会这样工作。但这可能是因为它在检查#block之前加载了内容你的HTML中的id。

答案 1 :(得分:0)

可能是jQuery或/和JavaScript代码内部textarea不可操作的原因,但是如果你将外部文件包装在div中就可以了:

<div>
    <p id="some-data">Some data</p>
    <p id="another-some-data">Another some data</p>
    Some unwanted data
</div>

并使用此jQuery代码:

$.get('db.txt', function(data) {
data = $(data);
    $("#my-textarea").html($('#some-data', data).html());
});