2017-12-19 4 views
0

내 스팬 클래스의 값을 상위 클래스에 모두 포함 된 (data-groups) 데이터 속성 (.item)에 전달하는 데 도움이되었습니다. 여기에 현재 코드가 있습니다.jquery를 사용하여 스팬 클래스를 데이터 속성에 전달

<div class="item" href="#" data-groups=""> 
    <div class="caption"> 
     <p><span class="value1"></span>Description</p> 
    </div> 
</div> 

<div class="item" href="#" data-groups=""> 
    <div class="caption"> 
     <p><span class="another-value"></span>Description</p> 
    </div> 
</div> 

<div class="item" href="#" data-groups=""> 
    <div class="caption"> 
     <p><span class="third-value"></span>Description</p> 
    </div> 
</div> 

<script type="text/javascript"> 
$(".item").attr("data-groups", function() { 
    return $('.caption p span').attr('class'); 
}); 
</script> 

이 다소 작동하지만 "value1" 모든 data-groups 속성을 채 웁니다. 나는 그들 모두가 각각의 하위 스팬 클래스로부터 데이터 속성을 받기를 바라고있다. 예를 들면, 첫 번째 항목 DIV 등 'another-value',

내가 jQuery로 조금 녹슬와 'value1', 두 번째의 'data-groups' 속성을 가지고 있지만 내가 가서 학습한다. 모든 도움을 주시면 감사하겠습니다.

+1

시도'$ (이) .find ('. 자막 P 스팬') ATTR ('클래스') ' – Chiller

답변

1

이을 시도해보십시오.

$(".item").attr("data-groups", function() { 
    return $(this).find('.caption p span').attr('class'); 
}); 
+0

감사합니다! 나는 그것이 단순한 무엇인가 알고 있었다. – lardlad84

관련 문제