html关于find使用时的一次使用大坑

$.ajax({
    type:'post',
    url:url,
    data:{},
    dataType:"json",
    success:function(data){
        if(data.retCode=="0000"||data.retCode=="00000"){
            // alert(data.responseBody.total);

            var _list=data.responseBody.itemList;
            var row="";
            for(var i = 0;i < _list.length; i++){
                var med_time = _list[i].take_time.substring(0,2)+":"+_list[i].take_time.substring(2,4);
                var yaowu = _list[i];
                var record = yaowu.record_no;
                //   var ywmc = decodeURI(yaowu.medicine_id);
                var ywmc = yaowu.medicine_id;
                var yl = "用量";
                row += "<ul class='change'>";

                row += "<li>";
                row += "<span class='medtc' id='medtc'>"+ywmc+"</span>";
                row += "<span class='remove_1'></span>"
                row += "</li>";
                row += "<div class='_data' style='display: none;'>"+record+"</div>";
                row += "<li>";
                row += "<span class='sf_data' >"+yl+"</span>";
                row += "<div class='float_r sf_ks'><span class='color_r medtc' id='medtc'>"+yaowu.dose+"</span> <span class='medtc' id='medtc'>"+decodeURI(yaowu.unit)+"</span></div>";
                row += "</li>";
                row += "<li>";
                row += "<span class='sf_data'>"+"用药时间"+"</span>";
                row += "<span class='float_r medtc' id='medtc'>"+med_time+"</span>";
                row += "</li>";

                row += "</ul>";


            }
            document.getElementById("center_1").innerHTML = row;

            $(".change").click(function() {
                record_no = $(this).find("._data").html();
                $(this).find(".medtc").each(function(index,data) {    //  这里开始使用#medtc查找元素，发现第一次添加的元素都只显示第一个id为medtc的元素，后面动态添加就没问题都可以显示，改成.medtc查找就没为题了，不造为什么
                    if(index==0) {
                        document.getElementById("ypmc").value = $(this).text();
                    }
                    if(index==1) {
                        document.getElementById("ypyl").value = $(this).text();
                    }
                    if(index==2) {
                        document.getElementById("ypdw").value = $(this).text();
                    }
                    if(index==3) {
                        document.getElementById("med_time1").value = $(this).text();
                    }
                })
                $(".tc").css('display', 'block');
                bs = "U";
            });
            $(".remove_1").click(function() {
                record_no = $(this).parent().next().html();
                bs = "";
                eduXc( record_no );
                return false;
            });
        }else{
            alert("失败");
        }

    }
});