선택한 클래스가있는 다음 목록의 텍스트 만 복사

Question

나는 선택 상자로 작동하는 목록이 있으므로 선택한 항목을 클릭하면 목록이 나타나고 다른 항목을 선택할 수 있습니다.

이 작업은 정상적으로 작동하지만 두 개 이상의 목록을 만들 때 선택한 복사본의 이름이 선택된 모든 이름 (.cloned 범위)으로 바뀌므로 대신 jsfiddle 예제에서 다음 복사본의 이름이어야합니다 "Item 1.1Item 2.2"의 복제본 클래스가있는 첫 번째 범위는 "Item 1.1"을 표시하고 "Item1.1Item2.2"를 표시하는 것은 "Item2.2"이어야합니다 (두 번째 제목/선택된 항목 임). 목록 등등 ..

나는 문제가 다음 코드에있다 발견 : 나는 시도했다

$(".cloned").text($(".selected").text()); 

다음하지만 가공용하지 NG :

$(".cloned").text($(".options").closest(".selected").text()); 

하는 방법은 바로 아래의 목록의 .clone 기간에 목록에서 .selected 클래스를 표시 할 수 있습니까?

데모 : http://jsfiddle.net/9BR9h/1/

Answer 1

closest 선택한 요소의 가장 가까운 parent가 아닌 가장 가까운 요소, 당신은 parent 및 prev 방법을 사용할 수 있습니다 선택합니다.

$(".cloned").text(function(){ 
    return $(this).next().find(".selected").text() 
}); 

이

http://jsfiddle.net/zKfX2/