2015-06-19 3 views
0

Если я нажимаю на карту, я копирую все классы из класса li class="salony" id="wojewodztwo-malopolskie" в класс <div id="spisSalonow">. Он работает правильно.Скопируйте все идентифицированные классы в другой класс

Как я могу это сделать, когда я выбор Krakow из select (селектора), Должен ли я скопировать все классы с именем Krakow<div class="krakow"> в класс <div id="spisSalonow">?

$(document).ready(function() { 
    $("svg").delegate("*", "click", function(e) { 
     $('.st0').removeAttr('style'); 
     var id = $(this).attr('id'); 
     $(this).css("fill", "#ff6600"); 
      //$('#spisSalonow').stop().slideDown("slow").css('opacity', '0').html($('#wojewodztwo-' + id).html()).animate({opacity: 1}, 1000).slideDown(500); 
      $('#spisSalonow').stop().slideDown("slow").css('opacity', '0').html($('#wojewodztwo-malopolskie').html()).animate({opacity: 1}, 1000).slideDown(500); 
    }); 

    $("select").change(function() { 

     var allListElements = $(".krakow"); 
     $("#spisSalonow > div").find(allListElements); 
     var liczbaSalonow = jQuery('.' +$(this).val()).length; 
     //alert(jQuery('.' +$(this).val()).length); 


     $('#spisSalonow').stop().slideDown("slow").css('opacity', '0').html($('.' + $(this).val()).html()).animate({opacity: 1}, 1000).slideDown(500); 
     alert($(this).val()); 
    }); 
}); 

JSFiddle

+0

Очевидно, что вы не владеете английским языком, но ваш вопрос непонятен. Вы хотите использовать раскрывающийся список, чтобы добавить этот класс во все регионы? – Leeish

+0

Я переформулировал вопрос, чтобы улучшить его, поскольку теперь он неясен. Пожалуйста, убедитесь, что вопрос правильный, и уточните название. – Ram

ответ

0

https://jsfiddle.net/4q8ud1pw/7/

Является ли это то, что вы хотели?

Благодаря (jQuery get html of container including the container itself), чтобы показать мне, как включить контейнер.

$("select").change(function() { 
    var html = ''; 
    $(".krakow").each(function(){ 
     html += $(this).wrap('<p/>').parent().html(); 
    });   
    $('#spisSalonow').stop().slideDown("slow").css('opacity', '0').html(html).animate({opacity: 1}, 1000).slideDown(500); 
}); 
+0

Большое спасибо за вашу помощь. – Jurgen

Смежные вопросы