我认为这是一个非常菜鸟的问题,但我现在已经考虑了很多小时,我就是想不通。
我需要在下面获取这个 html 代码并获取 .project_name 跨度和 .location 跨度以合并到同一个跨度中。
<ol id="projects" class="wide">
<li class="dontsplit" id="1234">
<a href="/projects/1234" class="thickbox dontsplit">
<span class='project_name dontsplit'>First Project Name</span>
<span class='location dontsplit'>Combined with First Location</span>
<span class='extra-info-span1'></span>
</a>
</li>
<li class="dontsplit" id="1233">
<a href="/projects/1233" class="thickbox dontsplit">
<span class='project_name dontsplit'>Second Project Name</span>
<span class='location dontsplit'>Combined with Second Location</span>
<span class='extra-info-span2'></span>
</a>
</li>
<li class="dontsplit" id="1232">
<a href="/projects/1232" class="thickbox dontsplit">
<span class='project_name dontsplit'>Third Project Name</span>
<span class='location dontsplit'>Combined with Third Location</span>
<span class='extra-info-span3'></span>
</a>
</li>
</ol>
我有这个 jQuery 代码,可以正确处理第一组跨度,但会继续使用第一个跨度的内容来填充其余部分。
var s1 = $('.project_name').html();
$('.project_name').remove();
$('.location').prepend(s1 + ' ');
我假设我需要使用 .each() 或类似的东西,但我无法弄清楚使其工作的正确语法。这是迄今为止我所拥有的 jsFiddle 。
有任何想法吗?这可能很简单。