使用jquery检索属性值

Question

我需要使用jquery检索<div>标签的属性值

这是我的html代码，其中$_GET['availabel_table']和$_GET['number-of-person']来自网址

<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代码

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

但价值不在这些变量中。 我做错了什么。

Answer 1

这个：

<div id=main_menu_data

应该这样：

<div id="main_menu_data"

Answer 2

缺少对DIV身份的引用？

<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'] ?>" >

Answer 3

您应该使用有效的数据属性设置数据值，您的代码将类似于：

  <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'] ?>" >

然后要访问这些数据，可以使用jQuery数据函数：

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

Answer 4

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

当然你应该在html中声明那个变量