如何在具有相同类名的动态创建的div中获取span的值？ [英] How to Get the value of span inside a dynamically created div's having same class names?

问题描述

<div id="floor_count">
   <div>Pick a Floor</div>
   <hr>
   <a class="floor_picker" href="#">
      <div name="floor_value" class="floors_for_3bhk" id="groundFloor">
         <span class="floor_value">G</span>
         <div class="flats_available_for_3bhk">2</div>
      </div>
   </a>
   <a class="floor_picker" href="#">
      <div name="floor_value" class="floors_for_3bhk" id="firstFloor">
         <span class="floor_value">1</span>
         <div class="flats_available_for_3bhk">3</div>
      </div>
   </a>
   <a class="floor_picker" href="#">
      <div name="floor_value" class="floors_for_3bhk" id="secondFloor">
         <span class="floor_value">2</span>
         <div class="flats_available_for_3bhk">1</div>
      </div>
   </a>
   <a class="floor_picker" href="#">
      <div name="floor_value" class="floors_for_3bhk" id="thirdFloor">
         <span class="floor_value">3</span>
         <div class="flats_available_for_3bhk">1</div>
      </div>
   </a>
</div>

我有以下div结构。当我用className在任何div上实现了一个click事件，我只需要那个特定的楼层名称，如（G，1,2）。我怎么能得到这个？请帮帮我？



project1.js

Hi, I have this following div structure.When I implement a click event on any div with the className, I need only that particular floor name like (G,1,2).How can I get this?Please help me out?

project1.js

jQuery(document).ready(function()
         {
         var floor_count;
         var floors;
                jQuery('#menu_3bhk').click(function()
                {
                    jQuery.ajax(
                    {
                        url:"floor_details.php",
                        type:"GET",
                        dataType:'JSON',
                        success:function(data)
                        {
                            floor_count="";
                            floors="";
                            for(i=0;i<jQuery(data).length;i++)
                            {
                            if(floor_count == ""){

                                floor_count = '<div>Pick a Floor</div><hr><a class="floor_picker" href="#"><div name="floor_value" class="floors_for_3bhk" id="'+data[i].floor_name+'"><span class="floor_value">' + data[i].floor_no + '</span><div class="flats_available_for_3bhk">' + data[i].no_of_3bhk_flats + '</div>' + '</div></div></a>';
                            }
                            else{
                                floor_count = floor_count + '<a class="floor_picker" href="#"><div name="floor_value"  class="floors_for_3bhk" id="'+data[i].floor_name+'"><span class="floor_value">' + data[i].floor_no + '</span><div class="flats_available_for_3bhk">' + data[i].no_of_3bhk_flats + '</div>' + '</div></a>';
                            }
                            }
                            if(floor_count!="" & floor_count!="undefined")
                            {
                            jQuery('#floor_count').html(floor_count);
                            }
                        }
                    });
                });
         });

推荐答案

忘记动态元素。使用此代码块

Forget about dynamic elements. Use this code block

（。floors_for_3bhk）。click（function（）{
alert（

(".floors_for_3bhk").click(function () { alert(

（this）.find（'span'）。html（））;
}）;

(this).find('span').html()); });

这将为您提供已点击div的跨度内容（类为floors_for_3bhk）。现在，您需要做的就是将此类应用于动态生成的所有元素。



问候..

This will give you the span's content of clicked div(with class floors_for_3bhk). Now,all you need to do is apply this class to all the elements getting generated dynamically.

Regards..

这篇关于如何在具有相同类名的动态创建的div中获取span的值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！