Question

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

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

Thing是序列号显示在父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

Answer 2

您可以使用以下代码段：

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

Answer 3

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

<span data-serial-number="XXXX" class="post-ratings">

以这种方式访问它：

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

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

3 个答案: