retrieve attribute value using jquery

Question

I need to retrieve attribute value of <div> tag using jquery

This is my html code where $_GET['availabel_table'] and $_GET['number-of-person'] are coming from url

<div id=main_menu_data class="grid_21 alpha  prefix_1" availabel-table="<?php echo $_GET['availabel_table'] ?>" number-of-person="<?php echo $_GET['number_of_person'] ?>" >

Jquery code

var availabel_table = $("#main_menu_data").attr("availabel-table");
var number_of_person = $("#main_menu_data").attr("number-of-person");

but value is not coming in these variables. What i am doing wrong.

It's not valid HTML, should still work, but you should really be using data attributes. — adeneo
– adeneo, Commented Mar 1, 2013 at 17:49
It is spelled "available" FYI, would drive me nuts if I inherited that code :) — ficuscr
– ficuscr, Commented Mar 1, 2013 at 17:49

SeanCannon · Accepted Answer · 2013-03-01 17:52:42Z

2

This:

<div id=main_menu_data

should be this:

<div id="main_menu_data"

answered Mar 1, 2013 at 17:52

SeanCannon

78.1k17 gold badges126 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Deepak Kamat Over a year ago

Yup, there's lot of incorrect HTML in there, must correct it to ensure that it's not the actual problem.

ficuscr · Accepted Answer · 2013-03-01 17:51:55Z

1

Missing quotes on the DIV's id?

<div id="main_menu_data" class="grid_21 alpha  prefix_1" availabel-table="<?php echo  $_GET['availabel_table'] ?>" number-of-person="<?php echo $_GET['number_of_person'] ?>" >

answered Mar 1, 2013 at 17:51

ficuscr

7,0932 gold badges35 silver badges54 bronze badges

Comments

RestingRobot · Accepted Answer · 2013-03-01 17:53:41Z

0

You should set your data values with with valid data attributes, your code would be something like:

  <div id="main_menu_data" class="grid_21 alpha  prefix_1" data-available-table="<?php echo     $_GET['availabel_table'] ?>" data-number-of-people="<?php echo $_GET['number_of_person'] ?>" >

then to access this data, you can use the jQuery data function:

  var available_table = $("#main_menu_data").data("available-table");
  var number_of_people = $("#main_menu_data").data("number-of-people");

answered Mar 1, 2013 at 17:53

RestingRobot

2,9881 gold badge25 silver badges36 bronze badges

Comments

Leonidas · Accepted Answer · 2013-03-01 17:54:39Z

-1

var numberPerson= $('#number_of_person').val();
  var availabelTable= $('#availabel_table').val();

of course that you should be declare thats variables in html

answered Mar 1, 2013 at 17:54

Leonidas

211 silver badge4 bronze badges

1 Comment

RestingRobot Over a year ago

val() will not return data attributes on a div element.

Collectives™ on Stack Overflow

retrieve attribute value using jquery

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related