首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用prepend()函数?

如何使用prepend()函数?
EN

Stack Overflow用户
提问于 2015-10-12 15:01:59
回答 2查看 61关注 0票数 1

我有这样的代码:

代码语言:javascript
复制
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>append demo</title>
        <style>
            p {
            background: yellow;
            }
        </style>
        <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
        <p id="hhh">I would like to say: </p>

        <script>
            var x = document.getElementById("hhh");
            x.prepend("Hello");
        </script>
    </body>
</html>

如何使用x变量在prepend()函数中放置我想要的任何内容?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-10-12 15:06:12

x变量包含一个DOMElement,因此要在其上使用jQuery方法,需要将其放入jQuery对象。试试这个:

代码语言:javascript
复制
var x = document.getElementById("hhh");
$(x).prepend("Hello");

您还可以使用jQuery来选择元素并将其提交给一行代码:

代码语言:javascript
复制
$("#hhh").prepend("Hello");

最后,prepend()将指定的字符串作为元素的第一个子元素,在您的示例中,这将导致HelloI would like to say:。从代码的外观来看,您可能希望使用append()来将字符串放在指定元素的末尾。

票数 2
EN

Stack Overflow用户

发布于 2015-10-12 16:02:23

实现这一目标的最简单方法是:

代码语言:javascript
复制
$('#hhh').append('Hello');

如果您收到一个错误,那么很可能您到jQuery库的链接就中断了。

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

https://stackoverflow.com/questions/33084310

复制
相关文章

相似问题

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