이전 스팬 요소에서 스타일 가져 오기

Question

jquery를 사용하면 spzn에서 rgb 색상 코드를 이전에 클릭 한 코드로 가져 오려고합니다.

나는이와 함께 클릭을 얻을 수 있습니다 :

$(document).ready(function(){ 
    $("#myDiv :radio").click(function(){ 
    alert("Got here"); 
    }); 
}); 

그래서, 클래스 swatchColour_1 전에 라디오 버튼과 범위에서 RGB 코드 번호 000000을 얻는 방법에 대해 설명합니다.

다양한 색상의 약 30 가지 요소가 있습니다. 내가 실제로 변경할 수있는 유일한 코드는 id = "myList"인 첫 번째 div입니다.

<div class="productAttributeList" id="myList" style=""> 
    <div class="productAttributeRow xx" id="ffb492067dcd98c19b6be89e9230f4fc"> 
     <div class="productAttributeLabel"> 
      <label for="06b0854950dd6cc1d296718965c0d36a"> 
       <span class="required">*</span> 
        <span class="name">Color choice:</span> 
      </label> 
     </div> 
     <div class="productAttributeValue"> 
      <div class="productOptionPickListSwatch"> 
       <ul> 
        <li class="swatch hasPreview swatchOneColour"> 
         <label for="0780a439a3a2ec8492a8772f4f5d739a"> 
         <span class="previewContent"> 
          <span class="swatchColours swatchOneColour showPreview" title="Black - 070"> 
           <span class="swatchColour swatchColour_1" style="background-color:#000000;">&nbsp;</span> 
           </span> 
          </span> 
          <input type="radio" class="validation" name="attribute[119]" value="195" id="0780a439a3a2ec8492a8772f4f5d739a" /> 
          <span class="name">Black - 070</span> 
         </label> 
        </li> 

입니다. . .

감사 게리

Answer 1

$(document).ready(function(){ 
    $("#myDiv :radio").click(function(){ 
    alert($(this).prev("span.previewContent").find(".swatchColour_1").css("background-color")); 
    }); 
}); 

: .closest() 방법을 사용하여

$("#myList input[type=radio]").change(function() { 
    var color = $(this).prev().find('.swatchColour_1').css('background-color'); 
}); 

또는를

Answer 2

당신은 .prev(), .find() 및 .css() 방법을 사용할 수 있습니다

var color = $(this).closest('.previewContent') 
        .find('.swatchColour_1') 
        .css('background-color'); 

http://api.jquery.com/