1

我有两个带有列表项的 UL,
它们具有相同的属性,例如 data-id。但是当页面加载时,它们不会附加到同一个 UL。

所以,我需要一些方法来正确移动它。可能是奇怪的描述,
例如:

<!-- HOW IT LOOKS AFTER PAGE LOAD -->
<ul data-id="first_ul">
   <li data-id="first_ul"></li>
   <li data-id="second_ul"></li>
   <li data-id="second_ul"></li>
</ul>

<ul data-id="second_ul">
   <li data-id="first_ul"></li>
   <li data-id="second_ul"></li>
   <li data-id="first_ul"></li>
</ul>

<!-- HOW IT SHOULD LOOKS AFTER SCRIPT'S WORK -->
<ul data-id="first_ul">
   <li data-id="first_ul"></li>
   <li data-id="first_ul"></li>
   <li data-id="first_ul"></li>
</ul>

<ul data-id="second_ul">
   <li data-id="second_ul"></li>
   <li data-id="second_ul"></li>
   <li data-id="second_ul"></li>
</ul>

感谢您的任何建议!

4

2 回答 2

4
$('ul[data-id] li').each(function(){
   $(this).appendTo('ul[data-id="'+ this.dataset.id + '"]');
});

http://jsfiddle.net/3VAy6/

于 2013-05-13T12:13:27.823 回答
0
$('ul li').each(function(){
   $('ul[data-id="'+$(this).attr('data-id')+'"]').append($(this))
})
于 2013-05-13T12:17:17.593 回答