2

这个问题一定很琐碎，但我不知道如何正确表述。好的，我正在使用 PHP 和 jQuery，我也使用 ajax 来处理用户到服务器的请求。我正在寻找的是一种获取有关某些信息的简单方法 ohhhh 我会更好地展示我想要的示例。

我用数据库中的一些信息形成了页面。例如，我有一个带有颜色对象的表格，当页面加载时，我们有这个：

 <body>
 <span class="object_span">red</span><button>random color</button> 
 <span class="object_span">white</span><button>random color</button>
 </body>

我简化了这一点，但你明白这是什么意思，想想。

下一步，我想使用 ajax 更改其中一个：

 $(document).ready(function(){
 $('#object_span').change(function(){

  $.post(
'ajax_handler.php',  
    {object_id: 'how to simply get this parameter???' },  //         <---- problem is here
    function(responseText){  
    console.log(responseText);  
    },  
    "html"  
  );  

  });
 });

可能有一些参数可以添加到跨度中，例如：'my_object_id:1232'？或者以这种方式我可以简单地在 js 或 jQuery 中使用，如下所示：

     $(document).ready(function(){
     $('#object_span').change(function(){
     var current_object_id = $('#object_span').attr('my_object_id');
     ...
     });
 });

谢谢你的帮助。

4

3 回答 3

3

使用一个data属性：

<body>
     <span class="object_span" data-my_object_id="1234">red</span><button>random color</button> 
     <span class="object_span" data-my_object_id="1235">white</span><button>random color</button>
</body>

然后你可以这样做：

$(document).ready(function(){
    $('.object_span').change(function(){
     var current_object_id = $(this).data('my_object_id');
     ...
});
于 2012-11-22T17:04:39.753 回答
2

您可以将属性分配给 span 并在访问定义的属性时访问它们。

现场演示

html

<span class="object_span" my_object_id="I am added">red</span>

Javascript

 $('#object_span').change(function(){
       var current_object_id = $(this).attr('my_object_id');
 });

您也可以使用数据属性名称。

现场演示

html

<span class="object_span" data-my_object_id="I am added">red</span>

Javascript 

   $('#object_span').change(function(){
        var current_object_id = $(this).data('my_object_id');           
   });
于 2012-11-22T17:04:09.610 回答
1

我建议你看看 HTML5 数据属性和 jQuery data() 方法

于 2012-11-22T17:04:53.480 回答