2015-07-10 71 views
3
function showTweet(username) { 
    $("<ul/>", { 
     "class": "my-user-list", 
     html: usertweets[username].join("<li/>") 
    }).appendTo($("#tweets")); 
} 

所以我看到选择器是针对无序列表,但逗号后面是什么,为什么它在花括号?如何阅读此功能?

我了解.append部分。我不明白"class": "my-user-list"html: usertweets[username].join("<li/>")做什么。请注意,usertweets是一个数组。

任何有识之士将不胜感激!

+3

文档中的所有:jQuery的创建元素W /属性](http://api.jquery.com/jquery/#jQuery-html-attributes) – epascarello

+0

这是jQuery的... HTTP:// API .jquery.com/jQuery /#jQuery1 –

+0

它检查'usertweets'对象的'username'键并将结果值包裹在''li'标签(放在'ul'中)。 – Andy

回答

4

选择器不是针对ul - 它正在创建一个。第二个参数是包含要在新元素上设置的属性的对象。然后通过将它添加到#tweets元素将其添加到DOM。

以示区别:

// to create a ul element in memory 
$('<ul></ul>'); // or... 
$('<ul />'); 

// select all ul elements currently in the DOM 
$('ul');   
2

这不是针对UL,它首先创建一个<ul>元素,并设置<ul>class"my-user-list",然后将其在HTML中它usertweets[username].join("<li/>"),这应该创建一些<li>,最后将其中新创建的<ul><li>添加到$("#tweets")

你可以从jQuery#.jQuery()看到更多。

2

花括号为PlainObject,它是普通的JavaScript对象。从我会读

请创建我my-user-list<ul>与usertweets名单的HTML与<li/>加入并追加,为<ul>和UL用ID tweets

这里追加到元素的例子

http://jsfiddle.net/xz6a0yqy/