javascript - 用于附加信息和转发用法的 html 属性

标签 javascript jquery html

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

我用来自 DB 的一些信息组成页面。 例如,我有一个带有颜色对象的表格,当页面加载时,我们有这个:

 <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"  
  );  

  });
 });

可能有一些我可以添加到 span 中的参数,例如:'my_object_id:1232' ??或者我可以像这样简单地在 js 或 jQuery 中使用的东西:

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

谢谢你的帮助。

最佳答案

使用数据属性:

<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');
     ...
});

关于javascript - 用于附加信息和转发用法的 html 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13517233/

相关文章:

html - 如何在 Bootstrap 和 CSS 中向表单添加清晰的输入按钮?

javascript - jQuery 选择排序更改页面刷新时显示的选项。发生了什么?

JavaScript 对象装饰器

javascript - 多种动态输入字符限制

javascript - 面向对象的 Javascript 错误对象不是函数

javascript - Jquery 中未解析 URL 名称

jquery - 暂停 jquery 幻灯片,以便我可以在 chrome 开发工具中定位节点元素

javascript - Jquery上下文菜单调用函数

javascript - 如何刷新 Meteor.Router 订阅的数据?

javascript - 使用带有计算属性的 vue-meta