如何用在<p></p>内创建两个span

想要达到的效果

<p><span class="channelId">channelId</span><span class="channelName">channelName</span></p> 

其中channelId和channelName是动态获取的

var p = $("

");
item.append(p);
var span= $("");
p.append(span);
span.addClass("channelId");
span.text(channelId);
p.append(span);
span.text(channelName);
span.addClass("channelName");

            这样写只能创建一个span

再var一个，你现在用的是同一个对象

再请问一下

<div class="active"><p><span class="channelId">channelId</span><span class="channelName">channelName</span></p> </div>
<div><p><span class="channelId">channelId</span><span class="channelName">channelName</span></p> </div>

如何获取class为active的channelId的值

用jquery的过滤器，很方便