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

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中声明那个变量

使用jquery检索属性值

4 个答案: