获取父信息并将其传递给隐藏表单

在WordPress插件（称为postRatings）中，当用户按下嵌套图像时，他会向页面添加“喜欢”。 我想将该信息传递给隐藏的表单。

因此，当用户单击img （触发插件function的那个）时，我想获取该图像的父span中的序列号，并将其作为值传递给我的隐藏form input 。

事情是序列号显示在父span id名称的末尾部分。 我在下面的HTML代码中将其写为“ XXXX ”。

我试图获取该数字（仅）并将其传递给我隐藏输入的值。 我开始编写JavaScript代码但不知道如何继续。

HTML：

JavaScript的

 $('.post-ratings-image').click(function(){ $('#supportedCheck').val ......? }); 

Answer 1

您可以使用以下内容

 $('.post-ratings-image').click(function(){ $('#supportedCheck').val($(this).parent('span')[0].id.split('-')[2]); }); 

小提琴演示

Answer 2

您可以使用以下代码段：

 $('.post-ratings-image').click(function () { $('#supportedCheck').val($(this).closest('span[id]')[0].id.split('-').pop()); }); 

Answer 3

不要将序列号添加到id标记，而是考虑将其添加为数据标记。 这是JQuery通过HTML标签处理数据的方式（参见文档 ）。 您可以这样设置：

并以这种方式访问​​它：

 $('.post-ratings-image').click(function(){ var span = $(this).parent(); var serial = span.data('serial-number'); span.find('input:hidden').val(serial); });