Получить стиль span onclick div

Question

Я хочу скопировать стиль <span> внутри <div> с классом select_option_colorpicker и selected.

Значение стиля должно быть установлено/изменено вкл.

Я хочу установить цвет фона другого <div> в выбранный стиль <span>.

страница Я хочу изменить здесь: http://www.panel-it.eu/shop/family-sticker/

У меня есть следующий код:

HTML:

<div class="select_box_colorpicker select_box attribute_pa_kleuren-muurstickers"> 
<div class="select_option_colorpicker select_option"><span style="background-color: rgb(229, 219, 183); background-position: initial initial; background-repeat: initial initial;"></span> 
</div> 
<div class="select_option_colorpicker select_option"><span style="background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;"></span> 
</div> 
<div class="select_option_colorpicker select_option selected"><span style="background-color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;"></span> 
</div> 

JS:

$(".select_box_colorpicker").click(function() { 
    console.log($(".select_option_colorpicker").hasClass("selected")); 
}); 

Спасибо заранее.

Answer 1

Сначала вы должны выбрать для этого DIV «ы детей с первой функцией(), а затем вы можете extraxt все, что вы хотите от этого ребенка

Так что вы хотите извлечь его ребенок?

 $(".select_box_colorpicker").click(function() { 
     childStyle = $(".select_option_colorpicker").children(); 
     console.log(childStyle); 

     }); 

Таким образом, вы получите это в консоли:

Object { 0: <span>, 1: <span>, 2: <span>, 3: <span>, 4: <span>, 5: <span>, 6: <span>, 7: <span>, 8: <span>, 9: <span>, 11 more… } test.html:42 

Так что, если вы сделаете это:

 $(".select_box_colorpicker").click(function() { 
     firstchildStyle = $(".select_option_colorpicker").children()[0]; // <--------- 
     console.log(firstchildStyle); 

     }); 

Вы получите первый ребенок, а затем зайти внутрь, как этот ап выберите то, что вы хотите

Answer 2

Вы можете комбинировать селекторы классов для ориентации определенных элементов, имеющих более одного класса типа $(".class1.class2").

В этом случае вы можете получить доступ к стилю <span> внутри .select_option_colorpicker с классом selected как:

$(".select_box_colorpicker").click(function() { 
    console.log($(this).find(".select_option_colorpicker.selected span").attr("style")); 
});