javascript - 获取父级信息并将其传递到隐藏表单

Question

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

因此，当用户单击 img (这就是触发插件功能的原因)时，我想获取该图像的父 span 中的序列号，并且将其作为值传递给我的隐藏表单 输入。

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

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

HTML:

<span id="post-ratings-XXXX" class="post-ratings">
   <img class="post-ratings-image" src="1_on.gif">
</span>
<form>
<input type="hidden" id="supportedCheck"  name="supportedCheck" value="#" 
 maxlength="19"/>
</form>

JavaScript

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

Answer 1

您可以使用以下内容

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

Fiddle Demo