0

下面的代码将 li 从一列复制（拖放）到另一列，保持原始 li 不变。我正在尝试在复制后的原始列中为原始 li 着色，以便我知道我使用了哪个。

此行将在源列中找到一个硬编码的 ID 并更改它的颜色，但我不知道如何使“input1”成为变量，以便可以在任何选定的行上使用它。

       $(ident).parent().find('#input1').addClass('highlight');

我也尝试过使用“event.srcElement”的变体，但不能只选择带有变量的一行。

我的代码：

      $( "#available > li" ).draggable({ 
           revert: 'invalid'
           connectToSortable: '#selected',
           containment: '#drag_container',
           helper: 'clone',
           start: function(ui, event) {
             dragged = $(this).attr('id');
             draggedx = $(this).attr('class');
           }
       });

      $( "#selected" ).droppable({
           drop: function(event, ui) {
          var ident = "#" +  dragged;

          $(ident).parent().find('.classname').addClass('highlight');

          $(ui.draggable).clone().appendTo( this );
          }
       });

HTML： 



        <li id="item1" class="lineclass"><input type="text" id="input1"
              class="classname" name=\"1" value="Item 1"></li>
        <li id="item2" class="lineclass"><input type="text" id="input2"
              class="classname" name=\"2" value="Item 2"></li>

      </pre>

CSS：.highlight{背景颜色：黄色；字体颜色：绿色；}

编辑 - 我正在尝试修复 html 格式

4

0 回答 0