代码之家  ›  专栏  ›  技术社区  ›  Catfish

jquery ui在删除时获取被拖动元素的子元素的id

  •  1
  • Catfish  · 技术社区  · 15 年前

    我已经阅读了很多关于so的拖放线程,但还没有找到一个告诉我如何在拖放被拖动元素时获取被拖动元素的子元素id的线程。

    例如,如果

    <div id='drag'>
      <img id="something"/>//how do i get this id when #drag is dropped?
    </div>
    
    <div id='drop'>
    </div>
    

    和JS

    $('#drag').draggable({
      containment: '#content',
      scrollSensitivity: 60,
      revert: 'invalid',
      cursor: 'move'
    });
    
    $('#drop').droppable({
      accept: '#albumImgs li',
      activeClass: 'dropContainerOpen',
      drop: function(event, ui) {
        var fileName = $(ui.draggable.attr('alt'));
        console.log(fileName);
      }
    });
    
    1 回复  |  直到 14 年前
        1
  •  1
  •   PetersenDidIt    15 年前

    ui.draggable是一个被拖动的元素,您只需要对想要的子元素执行查询:

    $('#drop').droppable({
      accept: '#albumImgs li',
      activeClass: 'dropContainerOpen',
      drop: function(event, ui) {
        var fileName = $(ui.draggable.attr('alt'));
        console.log(ui.draggable.find('#something'))
        console.log(fileName);
      }
    });