jQuery:创建新对象... $(object)

发布于 2024-12-14 22:50:52 字数 593 浏览 2 评论 0原文

你们能帮我解决这个 jsFiddle 吗?: http://jsfiddle.net/4CNKa/2/

我正在尝试创建新的(隐藏)对象[ $(object) ] 即时...使用 jQuery...但到目前为止,我没有运气。 在这个 jsFiddle 中,它是一个 div,但我希望能够创建任何类型的 $()

$(document).ready(function() {
    $("#msg") = '<div id="msg"></div>';
    $("#msg").html('<p id="test">My <em>new</em> text</p>');

    //FOR TESTING         
    alert( $("#msg").text() ); //FOR TESTING ONLY!!!
    $("#msg").appendTo('body'); //FOR TESTING ONLY!!!
});

Can you guys please help me with this jsFiddle?:
http://jsfiddle.net/4CNKa/2/

I am trying to create new (hidden) objects [ $(object) ] on the fly...with jQuery...but so far, I had no luck.
In this jsFiddle it's a div, but I want to be able to create any kind of $()

$(document).ready(function() {
    $("#msg") = '<div id="msg"></div>';
    $("#msg").html('<p id="test">My <em>new</em> text</p>');

    //FOR TESTING         
    alert( $("#msg").text() ); //FOR TESTING ONLY!!!
    $("#msg").appendTo('body'); //FOR TESTING ONLY!!!
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

顾忌 2024-12-21 22:50:52

试试这个:

$(document).ready(function() {
    var div  = $('<div id="msg"></div>');
    div.html('<p id="test">My <em>new</em> text</p>');

    //FOR TESTING         
    alert( div.text() ); //FOR TESTING ONLY!!!
    div.appendTo('body'); //FOR TESTING ONLY!!!
});

小提琴: http://jsfiddle.net/maniator/4CNKa/3/

Try this:

$(document).ready(function() {
    var div  = $('<div id="msg"></div>');
    div.html('<p id="test">My <em>new</em> text</p>');

    //FOR TESTING         
    alert( div.text() ); //FOR TESTING ONLY!!!
    div.appendTo('body'); //FOR TESTING ONLY!!!
});

Fiddle: http://jsfiddle.net/maniator/4CNKa/3/

静待花开 2024-12-21 22:50:52

您可以像这样在 jQuery 中创建新元素:

var el = $("<div class='className' />").html("Hello World!");
el.appendTo($("#container"));

You can create new elements in jQuery like this:

var el = $("<div class='className' />").html("Hello World!");
el.appendTo($("#container"));
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文