Question

我有这段代码：

<!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变量将{I}}函数放入其中？

Answer 1

您的x变量包含DOMElement，因此要在其上使用jQuery方法，您需要将其放入jQuery对象中。试试这个：

var x = document.getElementById("hhh");
$(x).prepend("Hello");

您还可以使用jQuery选择元素并将其转换为单行：

$("#hhh").prepend("Hello");

最后，prepend()会将指定的字符串作为元素的第一个子元素，在您的情况下会生成HelloI would like to say:。从代码的外观来看，您可能希望使用append()来将字符串放在指定元素的末尾。

Answer 2

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

$('#hhh').append('Hello');

如果您收到错误，那么很可能您的jQuery库链接已损坏。

我如何使用prepend（）函数？

2 个答案: