How to get the value of div in another class?

Question

0.00/5 (No votes)

See more:

XML

<div id="floor_count">
   <div>Pick a Floor</div>
   <hr>
   <a href="#">
      <div name="floor_value" class="floors_for_1bhk" id="Ground">
         <span name="floorValue_1bhk" class="floor_value">G</span>
         <div class="flats_available_for_1bhk">0</div>
      </div>
   </a>
   <a href="#">
      <div name="floor_value" class="floors_for_1bhk" id="First">
         <span name="floorValue_1bhk" class="floor_value">1</span>
         <div class="flats_available_for_1bhk">0</div>
      </div>
   </a>
   <a href="#">
      <div name="floor_value" class="floors_for_1bhk" id="Second">
         <span name="floorValue_1bhk" class="floor_value">2</span>
         <div class="flats_available_for_1bhk">2</div>
      </div>
   </a>
   <a href="#">
      <div name="floor_value" class="floors_for_1bhk" id="Third">
         <span name="floorValue_1bhk" class="floor_value">3</span>
         <div class="flats_available_for_1bhk">2</div>
      </div>
   </a>
   <a href="#">
      <div name="floor_value" class="floors_for_1bhk" id="Fourth">
         <span name="floorValue_1bhk" class="floor_value">4</span>
         <div class="flats_available_for_1bhk">0</div>
      </div>
   </a>
   <a href="#">
      <div name="floor_value" class="floors_for_1bhk" id="Fifth">
         <span name="floorValue_1bhk" class="floor_value">5</span>
         <div class="flats_available_for_1bhk">0</div>
      </div>
   </a>
   <a href="#">
      <div name="floor_value" class="floors_for_1bhk" id="Sixth">
         <span name="floorValue_1bhk" class="floor_value">6</span>
         <div class="flats_available_for_1bhk">2</div>
      </div>
   </a>
   <a href="#">
      <div name="floor_value" class="floors_for_1bhk" id="Seventh">
         <span name="floorValue_1bhk" class="floor_value">7</span>
         <div class="flats_available_for_1bhk">1</div>
      </div>
   </a>
   <a href="#">
      <div name="floor_value" class="floors_for_1bhk" id="Eight">
         <span name="floorValue_1bhk" class="floor_value">8</span>
         <div class="flats_available_for_1bhk">0</div>
      </div>
   </a>
   <a href="#">
      <div name="floor_value" class="floors_for_1bhk" id="Ninth">
         <span name="floorValue_1bhk" class="floor_value">9</span>
         <div class="flats_available_for_1bhk">0</div>
      </div>
   </a>
   <a href="#">
      <div name="floor_value" class="floors_for_1bhk" id="Tenth">
         <span name="floorValue_1bhk" class="floor_value">10</span>
         <div class="flats_available_for_1bhk">0</div>
      </div>
   </a>
</div>

XML

<div class="project_towers">
   <div>Pick a Tower</div>
   <hr>
   <a href="#">
      <div name="selectedTower" class="towers_for_1bhk">
         <div class="tower_value"><span class="towerValue_1bhk">A</span></div>
      </div>
   </a>
   <a href="#">
      <div name="selectedTower" class="towers_for_1bhk">
         <div class="tower_value"><span class="towerValue_1bhk">B</span></div>
      </div>
   </a>
   <a href="#">
      <div name="selectedTower" class="towers_for_1bhk">
         <div class="tower_value"><span class="towerValue_1bhk">C</span></div>
      </div>
   </a>
   <a href="#">
      <div name="selectedTower" class="towers_for_1bhk">
         <div class="tower_value"><span class="towerValue_1bhk">D</span></div>
      </div>
   </a>
</div>

C#

jQuery(document).ready(function()
         {
         jQuery('.floor_plan_image_hotspot').hide();
         var flat_details;
                var body = jQuery("body");
            body.delegate('.floors_for_1bhk', 'click', function()
            {
                var floorValue_1bhk = jQuery(this).find('span').html();
                var towerValue = jQuery('.towers_for_1bhk').find('span').html();
                alert(towerValue);
                    jQuery.ajax(
                    {
                        url:"flat_listing_1bhk.php?floorValue_1bhk=" + floorValue_1bhk,
                        type:"GET",
                        dataType:'JSON',
                        success:function(data)
                        {
                            var flat_details="";
                            for(i=0;i<jQuery(data).length;i++)
                            {
                            if(flat_details=""){
                                flat_details =   '<div class="flat_no" id="'+data[i].appt_no+'"><h3>'+data[i].appt_no+'</h3></div><div class="flat_area" class="flat_area" id="'+data[i].super_builtup_area+'"><h3>'+data[i].super_builtup_area+'</h3></div><div class="flat_price" id="'+data[i].appt_facing+'"><h3>'+data[i].appt_facing+'</h3></div><div class="flat_details"><input type="button" class="view_flat_details_1bhk" value="View details"></div></br></br></br>';
                            }
                            else{
                                flat_details = flat_details + '<div class="flat_no" id="'+data[i].appt_no+'">'+data[i].appt_no+'</div><div class="flat_area" class="flat_area" id="'+data[i].super_builtup_area+'"><h3>'+data[i].super_builtup_area+'</h3></div><div class="flat_price" id="'+data[i].appt_facing+'"><h3>'+data[i].appt_facing+'</h3></div><div class="flat_details"><input type="button" class="view_flat_details_1bhk" value="View details"></div></br></br></br>';
                            }
                            }
                            jQuery('#display_flat_details').html(flat_details);
                        }
                    });
                });
         });

I want to get the value of Towers from the towers_for_1bhk class inside the script which I have pasted above.All the divs are created dynamically.I want the Tower value to be sent to PHP file via AJAX.

Posted 18-Dec-14 20:49pm

Janardhanam Julapalli

Updated 18-Dec-14 20:50pm

v2

Add a Solution

Comments

Janardhanam Julapalli 19-Dec-14 2:55am

Please help me out!

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Thanks7872 · Answer 1 · 2014-12-18T21:57:00

Solution 1

The solution i provided you here[^] will give you the result. Just change class name like this

C#

$(".towers_for_1bhk").click(function () {
  alert($(this).find('span').html());               
});

Dynamic or static elements won't cause any issue because we are using class name and $(this) will give you the clicked element regardless of its dynamic or not.

Regards..

Posted 18-Dec-14 21:57pm

Thanks7872

Updated 18-Dec-14 21:59pm

v3

Comments

Janardhanam Julapalli 19-Dec-14 4:11am

Thats not my requirement

Janardhanam Julapalli 19-Dec-14 4:13am

I have this value in my another script.How can I use the same in this script

Thanks7872 19-Dec-14 4:21am

Put this code. Its that simple. Script changes doesn't mean that rules of JQuery get changed. Just put this code anywhere inside document ready function and you are done.

Janardhanam Julapalli 19-Dec-14 4:28am

jQuery(document).ready(function()
{
jQuery('.floor_plan_image_hotspot').hide();
var floor_count;
var body = jQuery("body");
body.delegate('.towers_for_1bhk', 'click', function()
{
var towerValue_1bhk = jQuery(this).find('span').html();
//alert(towerValue_3bhk);
jQuery.ajax(
{
url:"floors_for_1bhk.php?towerValue_1bhk=" + towerValue_1bhk,
type:"GET",
dataType:'JSON',
success:function(data)
{
//alert(towerValue_1bhk)
floor_count="";
for(i=0;i<jquery(data).length;i++)
{
="" if(floor_count="=" ""){
=""
="" floor_count="<div>Pick a Floor</div><hr><a href="#"><div name="floor_value" class="floors_for_1bhk" id="" +data[i].floor_name+'"=""><span name="floorValue_1bhk" class="floor_value">' + data[i].floor_label + '</span><div class="flats_available_for_1bhk">' + data[i].total_1bhk + '</div>' + '</div></div>';
}
else{
floor_count = floor_count + '<div name="floor_value" class="floors_for_1bhk" id="'+data[i].floor_name+'"><span name="floorValue_1bhk" class="floor_value">' + data[i].floor_label + '</span><div class="flats_available_for_1bhk">' + data[i].total_1bhk + '</div>' + '</div>';
}
}
if(floor_count!="" & floor_count!="undefined")
{
jQuery('#floor_count').html(floor_count);
}
}
});
});
});

Janardhanam Julapalli 19-Dec-14 4:30am

In this script I already have the value called towerValue_1bhk.The same value I need to use it in the script that I have posted in the question.Is it possible?

Janardhanam Julapalli · Answer 2 · 2014-12-23T23:01:00

Solution 2

To use a variable inside multiple scripts,we just need to make that variable as global.For the above requirement this is enough.

Posted 23-Dec-14 23:01pm

Janardhanam Julapalli