我如何把內跨度元素的值我​​

Question

我需要把從JQuery的價值在跨越如下：

<td>Cholesterol</td> 
<td> 
<input type="text" name="txt_cholesterol" id="txt_cholesterol" class="info"/> 
<span class="result"></span> 
</td> 
<td> 
<span class="low">116</span>-<span class="high">254</span> 
</td> 

jQuery的不工作：

$(".info").keyup(function(){ 

    var a = $(this).val(); 
    var low = $(this).closest('td').next().find('.low').html(); 
    var high =$(this).closest('td').next().find('.high').html(); 

    if (a < parseInt(low)) 
    { 



    $(this).closest('span').html('L'); 
    } 
    if (a > parseInt(high)) 
    { 
     $(this).closest('td').next().find('.result').html('H'); 
    } 

}); 

Answer 1

嘗試

$(this).next('span.result').html('L'); 

而不是

$(this).closest('span').html('L'); 

最接近的是使用搜索父元素。請參閱本http://api.jquery.com/closest/

使用相同的用於h

Answer 2

試一下：

$(".info").keyup(function() { 
    var $this = $(this); 
    var $td = $this.parent('td').next(); 
    var a = $this.val(); 
    var low = $td.find('.low').html(); 
    var high = $td.find('.high').html(); 

    if (a < parseInt(low, 10)) { 
     $this.next().html('L'); 
    } 
    if (a > parseInt(high, 10)) { 
     $td.find('.result').html('H'); 
    } 

});​ 

Answer 3

試試這個

$(".info").keyup(function(){ 

var a = $(this).val(); 
var low = $(this).parent().next().find('.low').html(); 
var high =$(this).parent().next().find('.high').html(); 

if (a < parseInt(low)) 
{ 
    $(this).siblings('.result').html('L'); 
} 
if (a > parseInt(high)) 
{ 
    $(this).siblings('.result').html('H'); 
} 

}); 

See working example

Answer 4

檢查http://jsfiddle.net/nrpCR/

這個工作腳本

$(".info").on('keyup', function(e) { 

    var self = $(this); 
    var a = self.val(); 
    var low = self.parent('td').next().find('.low').html(); 
    var high = self.parent('td').next().find('.high').html(); 


    console.log(a, low, high, $(self).parent()); 

    if (a < parseInt(low)) { 



     self.next('span').html('L'); 
    } 
    if (a > parseInt(high)) { 
     self.next('span').html('H'); 
    } 

});​