jQuery:将类信息年代表复制到其他类

时间:2011-05-22 18:00:31

标签: jquery class

我正在使用配置文件wp插件连接。这个插件允许你制作模板。 Connections输出关于人所在城市的数据,该类位于名为" locality"的类中。

您无法直接(在模板中)仅将通用地址信息调用此类。 所以我想要实现的是将班级内容与地区内容区分开来。并将其复制到只应该说明城市的地方。

我可以让jQuery复制类的内容但是犯了更多的内容,所有城市的内容都显示在所有类中。

示例:

在一个页面上输出,显示3个配置文件(这是插件使用逗号的方式):

<div class="locality">New York,<div> //profile 1
<div class="locality">Boston,<div>  //profile 2
<div class="locality">New York,<div> //profile 3

这个城市应该按时间顺序复制到这里:

<p class="city-top-menu"></p>  //profile 1
<p class="city-top-menu"></p> //profile 2
<p class="city-top-menu"></p> //profile 3

到目前为止,jQuery代码不完整:

$(function() { 
var city = $('.locality').text().slice(0, - 1);

$('.city-top-menu').each(function() {   

    //$('.city-top-menu').append(" "+city);

    });
});

通过展示我想要实现的html转售,可能会更清楚:

<p class="city-top-menu">New York</p>  //profile 1
<p class="city-top-menu">Boston</p> //profile 2
<p class="city-top-menu">New Tork</p> //profile 3

1 个答案:

答案 0 :(得分:0)

Live Example

var menus = $(".city-top-menu");


$(".locality").each(function(i, val) {
    menus.eq(i).text($(val).text());
});