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

单击li标记时用图像填充div(jquery)

  •  0
  • st4ck0v3rfl0w  · 技术社区  · 15 年前

    请原谅我,对于你的jquery用户来说,这可能是一个简单的问题,但我有以下几点:

    1. 以图像作为列表项的无序列表
    2. 带虚线边框的空分隔框,表示为空

    我希望用户能够点击一个列表项并用它的图像填充空的DIV。

    提前谢谢

    1 回复  |  直到 15 年前
        1
  •  4
  •   SLaks    15 年前

    你可以这样写:

    $('ul li:has(img)').click(function() {
        $('#divBox').append($('img', this).clone()); 
    });
    

    编辑 :修复了第一个版本。

    或者,或者,

    $('ul li:has(img)').click(function() {
        $('#divBox #imageElem').attr('src', $('img', this).attr('src'));
    });