Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在<;中为每个循环包装jQuery;李>;_Jquery - Fatal编程技术网

在<;中为每个循环包装jQuery;李>;

在<;中为每个循环包装jQuery;李>;,jquery,Jquery,我使用的代码如下: 想知道我怎么能在头像周围包装一个列表项,并像这样链接: <li class="entry"><img src="gravatar.png"><a href="#">@twittername</a></li> 我已经研究了.prepend和.append以及.wrap,但它们似乎无法捕获多个html元素,将它们视为一个组,并围绕它们包装一个html元素。(我很可能错了。) 我还要承认,我对jQuerySytax不

我使用的代码如下:

想知道我怎么能在头像周围包装一个列表项,并像这样链接:

<li class="entry"><img src="gravatar.png"><a href="#">@twittername</a></li>
  • 我已经研究了.prepend和.append以及.wrap,但它们似乎无法捕获多个html元素,将它们视为一个组,并围绕它们包装一个html元素。(我很可能错了。)

    我还要承认,我对jQuerySytax不太熟悉,所以这可能是一个n00b问题

    提前感谢您的帮助

    保存
    ”{
    href:“http://twitter.com/“+entriesObject.Field17,
    html:“@”+EntrieObject.Field17+”

    “ }); } //在此处附加到列表 $('
  • ).append(img).append(a).appendTo('#people');
  • 扩展您的代码和第9栏的答案:

    $('<li class="entry">').append(img).append(a).appendTo('#people');
    
    //字段3是此特定表单上的电子邮件字段
    var$li=$('
  • );//创建新列表项 如果(entriesObject.Field3!=“”){ $(“”,{href:http://twitter.com/“+entriesObject.Field17, html:“@”+EntrieObject.Field17+”

    “}); } $li.$(“#people”)//附加到people
  • 写了很长一段路,所以你对发生的事情有了更好的了解

    编辑:是的,我可能应该包括“安利包装”部分,嗯


    var$img=$(“”)
    .attr('href',”http://www.gravatar.com/avatar/“+entriesObject.Field17)
    .text(“@”+EntrieObject.Field17)
    .之后($img);
    $(“#人”).append($link).wrapInner(“
  • ”);
  • Hi Box9-你能告诉我你在我使用的代码上下文中的意思吗?-我对语法有点挂断了。@nikibrown,我添加了一个更新,显示了代码中的内容。更改显示在注释中。
    var img, a; // declare the two variables you'll be using
    
    if (entriesObject.Field3 != "") {
        // Save the <img> to a variable after creating it
        img = $("<img />", {
            class: "avatar",
            src: "http://www.gravatar.com/avatar/" + MD5(entriesObject.Field3)
        }); // Don't append yet
    }
    
    if (entriesObject.Field17 != "") {
        a = $("<a />", {
            href: "http://twitter.com/" + entriesObject.Field17,
            html: "<p>@" + entriesObject.Field17 + "</p>"
        });
    }
    
    // Append to list here
    $('<li class="entry">').append(img).append(a).appendTo('#people');
    
    // Field3 is the email field on this particular form
    var $li= $('<li class="entry">');//CRETAE NEW LIST ITEM
    if (entriesObject.Field3 != "") {
    
        $("<img />", {class: "avatar",src: "http://www.gravatar.com/avatar/" + 
                                        MD5(entriesObject.Field3)}).appendTo($li);
    }
    
    // check if twitter name is not empty
    if (entriesObject.Field17 != "") {
        $("<a />", {href: "http://twitter.com/" + entriesObject.Field17,
                    html: "<p>@"+ entriesObject.Field17 + "</p>"}).appendTo($li);   
    }
    $li.$("#people") //APPEND to PEOPLE
    
            var $img = $('<img />')
                    .addClass('avatar')
                    .attr('src', "http://wil.to/img/200x200"),
    
                $link = $('<a />')
                    .attr('href', "http://www.gravatar.com/avatar/" + entriesObject.Field17)
                    .text("@" + entriesObject.Field17)
                    .after($img);
    
                $('#people').append($link).wrapInner('<li />');