jQuery拖放<li>元素样式</li>

Question

我有一个列表，我希望可以使用jQuery拖放到另一个列表中。拖放工作正常，但我遇到了问题，因为我需要在同一个“li”项目上显示来自数据库的两个不同位信息，但具有不同的样式。

我希望能够为下面的每个列表项添加“轨道长度”，但我需要轨道长度文本以具有不同的背景和文本颜色，但仍然是同一“li”的一部分，以便整个事情都是可以拖延的。用基本的htm / css做一个干净整洁的方法吗？

<ul class="songs">
<li class="song_title">Title 1</li>
<li class="song_title">Title 2</li>
</ul>

Answer 1

不是真正的jquery问题，但您应该能够使用以下html结构维护可拖动性并获得两个数据片段所需的样式。

<ul class="songs">
    <li class="song_title">
        <span class="title">Title 1</span>
        <span class="track_length">Some Length</span>
    </li>
    <li class="song_title">
        <span class="title">Title 2</span>
        <span class="track_length">Some Length</span>
    </li>
</ul>