如何基於類改變一個隱藏的價值有

Question

我有一些標記：

<table> 
    <tbody> 
     <tr> 
      <td> 
       <input type="hidden" class="deleted" value="False" /> 
       <input type="button" class="rtButton" value="RT" /> 
      </td>        
     </tr> 
     <tr> 
      <td> 
       <input type="hidden" class="deleted" value="False" /> 
       <input type="button" class="rtButton" value="RT" /> 
      </td>        
     </tr> 
     <tr> 
      <td> 
       <input type="hidden" class="deleted" value="False" /> 
       <input type="button" class="rtButton" value="RT" /> 
      </td>        
     </tr> 
    </tbody> 
</table> 

什麼，我想發生時rtButton點擊在同一只隱藏輸入的值td更改爲true。

我試圖實現這一目標：

$(function(){ 

    $('.rtButton').click(function() { 
     $(this).closest('input.deleted').val("True"); 
     alert($(this).closest('input.deleted').val()) 
      }); 


}); 

然而，它似乎無法設置的值。

Answer 1

您可以使用siblings()方法：

添加反正演示：http://jsfiddle.net/qZBkt/3/

$(function(){ 
    $('.rtButton').click(function() { 
     $(this).siblings('input.deleted').val("True"); 
    }); 
}); 

closest()獲取的選擇相匹配，在當前元素開始，通過DOM樹前進了第一個元素。

Answer 2

或類似這樣的：工作演示http://jsfiddle.net/qZBkt/

希望這會養活你的事業！ :)

代碼

$(function() { 

    $('.rtButton').click(function() { 
     $(this).parent().find('.deleted').val("True"); 
     alert($(this).parent().find('.deleted').val()); 
    }); 


});​ 

Answer 3

.closest()搜索祖先匹配的元素，使用.prev()或.siblings()選擇輸入

$(function(){ 

    $('.rtButton').click(function() { 
     $(this).prev('input.deleted').val("True"); 
     alert($(this).siblings('input.deleted').val()) 
      }); 


}); 

http://jsfiddle.net/naaeM/1/