Question

如果我点击地图，我会将课程li class="salony" id="wojewodztwo-malopolskie"中的所有课程复制到课程<div id="spisSalonow">中。它的工作正常。

当我从select（选择器）中选择克拉科夫时，我该怎么做呢？我应该复制名称为克拉科夫 <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

Answer 1

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);
});

将所有已识别的类复制到另一个类

1 个答案: