Question

如何使用jquery将HTML代码"<a href="example.com">example.com</a>"添加到元素的javascript变量

<body>
    <div id="test"> </div>
</body>

<script type="text/javascript">
    var objTo = document.getElementById('test')

    var contentDiv = document.createElement("div");
    objTo.appendChild(contentDiv);

    ---- Now I want to add 
    ---- "<a href="example.com">example.com</a>" element to contentDiv using jquery. how to do it

    </script>

Answer 1

您确实不需要像其他人那样使用JQuery来执行此操作。但是，假设您正在尝试学习JQuery，可以采用以下方式：

$(contentDiv).append("<a href='example.com'>example.com</a>"

请注意：

contentDiv元素必须使用JQuery包装器包装（$或jQuery，取决于您的版本）
在这种情况下，内引号是有问题的，因此我在元素内使用了单撇号。

Answer 2

您要将超链接插入正文吗？

var el = document.createElement('a')

el.href = "example.com";
el.innerHTML = "example.com";

// Append to body.
document.body.appendChild(el);

应该在没有jQuery的情况下做到这一点。

编辑：如果要使用jQuery：

let url = "example.com";

$('body').append(`<a href="${url}">${url}</a>`);

尽管soeone已经给出了类似的例子。

Answer 3

如果要在Jquery函数中使用javascript变量，则必须使用 $（）。

对于您而言，在添加创建的元素之前，先插入'a'标记，然后将其添加。

$(document).ready(function(){
    var objTo = document.getElementById('test')

    var contentDiv = document.createElement("div");

  $(contentDiv).html('<a href="example.com">example.com</a>')       //Here using $() add your a tag using jquery html() function.


    objTo.appendChild(contentDiv);

})

下面是Demo Check.

jQuery的元素添加到JavaScript变量

3 个答案: