獲取並傳遞父窗口信息到隱藏窗體

Question

在用戶按下嵌套圖像的WordPress插件（稱爲postRatings）中，他爲頁面添加了「like」。我想將這些信息傳遞給隱藏的表單。

所以，當用戶點擊img（這是什麼觸發了插件功能），我想要得到的序列號是在圖像的父母span，並把它作爲一個值，以我的隱患forminput。

東西是序列號顯示在父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); 
});