jquery - 私の範囲内のスパン要素に値を入れるにはどうすればよいですか

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

これを試して

$(".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');
}

});

実例を見る

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

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');
    }

});​

Answer 4

試す

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

それ以外の

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

最も近い検索親要素が使用されます。これを参照してください http://api.jquery.com/closest/

Hにも同じものを使用