我需要使用jquery 检索<div>标签的属性值
这是我的html代码，其中$_GET['availabel_table']和$_GET['number-of-person']来自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代码
var availabel_table = $("#main_menu_data").attr("availabel-table");
var number_of_person = $("#main_menu_data").attr("number-of-person");
但这些变量中并没有价值。我做错了什么。
这：
<div id=main_menu_data
应该是这样的：
<div id="main_menu_data"
div的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'] ?>" >
您应该使用有效的数据属性设置数据值，您的代码将类似于：
<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");
var numberPerson= $('#number_of_person').val();
var availabelTable= $('#availabel_table').val();
当然，您应该在html 中声明那些变量