내가 4 열이있는 그리드가

Question

JQuery와의 특정 행 ID를 얻는 방법 :

1. 이름
2. 수량이 4 Name에서
3. 비용
4. 총 비용

을 Cost은 데이터베이스에서 가져오고 Quantity은 텍스트 필드입니다. 텍스트 필드에 값을 입력하면 java에 가서 Quantity * Cost을 수행하고 totalcost을 채워야합니다. 이것이 나의 요구 사항입니다.

<div id="search-results-list" class="green-results-list" style="height: 150px; width: 697px;"> 
</div> 
Handler.setupGrid(); 

그리고 setupGrid 내 JS 파일에

내가 다음 코드 줄을 : 나는이 같은 용기를 내 JSP에서

:이를 위해 다음 코드를 사용하고 있습니다. 이것이 내가 텍스트 필드의 값을 얻고 사용

$('.quantity').live("blur",function(){ 
    var data = $(this).val(); 
    alert(data); 
}); 

:

setupGrid : function() { 

     $('.green-results-list').html(''); 
     $.post('note.json', 'action=get-grid-data', function(obj) { 
      var data = obj.result.data; 
      if(data !== undefined){ 
       if(data.length>0) { 
        var rowstr = ''; 
        for(var x=0;x<data.length;x=x+1) { 
         rowstr=rowstr+'<div class="ui-content report-content">'; 
         rowstr=rowstr+'<div class="report-body" style="width: 697px;height: 50px;">'; 
         rowstr=rowstr+'<div class="report-body-column2 centered" style="height: 41px; width: 150px">'+data[x].name+'</div>'; 
         rowstr=rowstr+'<div class="report-body-column2 centered" style="height: 41px; width: 150px">'+'<input type = "text" class="quantity" size=10px>'+'</div>'; 
         rowstr=rowstr+'<div class="report-body-column2 centered" style="height: 41px; width: 150px">'+data[x].cost+'</div>'; 
         rowstr=rowstr+'<div class="report-body-column2 centered" style="height: 41px; width: 150px">'+data[x].totalCost+'</div>'; 
         rowstr=rowstr+'</div></div>'; 
         } 
        $('.green-results-list').append(rowstr); 

       } else { 
       $('.green-results-list').html('<div class="success-msg">No Data Exist.</div>'); 
      } 
     }else { 
      $('.green-results-list').html('<div class="success-msg">No Data Exist.</div>'); 
     } 
    }); 

    } 

내가 텍스트 필드 나는 코드의 아래 라인을 사용하여 텍스트 필드의 값을 얻고로 값을 입력

. 하지만 내 문제는 텍스트 필드에 값을 입력 할 때 해당 특정 행의 totalCost 만 실행하면됩니다.

어떻게하면됩니까? 어떤 도움이라도 대단히 감사하겠습니다.

감사합니다. 불쌍한 영어에 감사드립니다. 내 문제를 이해할 수 있기를 바랍니다. 당신은 예를 들어 closest() 기능을 사용하여 '행'을 찾을 수 있습니다

Answer 1

var $row = $(this).closest("div"); 

UPD :

및 html() 기능

var text = $row.text(); 
var html = $tow.html(); 

나는 것을 사용 text() 또는 HTML을 사용하여 DIV의 텍스트를 가져 먼저 기본 사항을 익히는 것이 좋습니다. 예 : Try jQuery 스크린 캐스트.