jquery - 获取可见 div 的类，然后添加 .到找到的每个类的前面

Question

尝试获取 divs 的类名可见，然后 prepend我得到的类名的小数。 任何帮助都会很棒，谢谢。

这是我到目前为止所拥有的。

$('#imagefiles ul li img').click(function() {
    var open = $(".open:visible").attr("class");
    var n = open.split(",");
    alert(n);
});

只有一个div将可见并且 div将有两个类名。
像这样获取类名的全部意义在于我可以 append将图像复制到带有 <div class="edititable"> 的打开文件夹中在里面。当我尝试这段代码时，没有任何反应。有什么想法吗？

$('#imagefiles ul li img').click(function() {
    //Get the source of the image that was clicked
    var img = $(this).attr('src');

    //Grab the class name of the opened folder and prepend a decimal to it.
    var classes = $(".open:visible").attr("class").split(" ");
    var classesWithDot = "";

    $.each(classes, function (index, value) {
        classesWithDot += " ." + value;
    });

    $(' + classesWithDot + ').find('.edititable').append('<img src="' + img + '" style="width:30%; height:30%;" ">');

});

Answer 1

这个怎么样？ fiddle :http://jsfiddle.net/wf9u9/

$('#imagefiles ul li img').click(function() {
   var classes = $(".open:visible").attr("class").split(" ");
   var classesWithDot = "";

   $.each(classes, function (index, value) {
       classesWithDot += " ." + value;
   });

   alert(classesWithDot);
});