jQuery를 사용하여 데이터 속성별로 복제 된 요소를 선택하십시오.

Question

그래서 요소를 복제하고 data을 추가했습니다. 이제 그 복제 된 요소를 data attribute으로 선택해야합니다. 문제는 data attribute을 기반으로 복제 된 요소를 찾을 수 없다는 것입니다. 어떤 아이디어? 여기

이 작동하지 않는 바이올린 http://jsfiddle.net/fjckls/hho6k86a/

입니다 :

var clone = $(".clone").clone(true); 
clone.html("this is clone") 
clone.data("info", "this-is-clone"); 
$(".clone-holder").append(clone); 

// nothing is selected 
var cloned = clone.find("[data-info='this-is-clone']"); 
cloned.css("color", "red") 

@fjckls를 그냥 해결 방법입니다 대신 데이터의 속성을 사용함으로써, 는 이유를 설명하지 않는 코드가 작동하지 않습니다. 코스의 이러한 종류의 답변은 커뮤니티를 훨씬 도움이되지 않습니다. - 국왕

나는 순간 @Hendra 임 대답을 수락 - 그리고 나는 그것의 해결 방법의 종류 이해 - data 속성을 사용하는 대신 새로운 사용자 지정 특성을 생성하지. 내 시나리오에서 누군가가 data을 사용하는 "적절한"해결책을 갖고 있다면 허용 된 대답을 재고 할 것입니다. 당분간은 그것이 작동하기 때문에 나는 그것이있는 곳을 떠날 것이다.

Answer 1

이 시도 :

var clone = $(".clone").clone(true); 
clone.html("this is clone") 
clone.attr("info", "this-is-clone"); 
$(".clone-holder").append(clone); 

var cloned = $(".clone-holder").find("[info='this-is-clone']"); 
cloned.css("color", "red") 

여기

here

가 대신 u는 복제 된 요소를 찾기 위해 무엇을 유 잘못 할 것은, u는 ".clone"요소 내부 복제 요소를 찾으려고하는 작업 예를하다 ".clone-holder"요소에 clone 요소를 추가하십시오. clone.data를 clone.attr로 바꿉니다.