抓住可見的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

這個怎麼樣？小提琴：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); 
}); 

Answer 2

假設有多個div並且要聚集所有獨特的類名。

var result = []; 
var uniqueClasses = {}; 
$(".open:visible").each(function() { 
    var lst = $(this).attr('class').split(/\s+/); // this.className would also work 
    for(var i=0; i<lst.length; i++) 
     uniqueClasses[lst[i]] = true; 
}); 
for(var k in uniqueClasses) 
    result.push("." + k); 
console.log(result); 
console.log(result.join(""));