jQuery 형제 선택 도구?

Question

세금 계산서를 작성하려고하는 표가 있습니다. 세금 구성 요소를 자동 계산합니다.

저는 price_1에서 값을 받고, 계산 칼을 적용하고 tax_1에 저장하고 있습니다. ID의 끝 번호를 읽을 수 있지만 잘하면 jQuery와 함께 깨끗한 방법이 있습니다.

예. 내가 좋아하는 분야의 많은 것 ..

tax_1

tax_2

tax_3 등

• PRICE_1
• price_2
• price_3
...

내가 사용할 수 있습니다 다음 코드는 가격 변경시 jQuery를 호출하고 그 가격의 가치를 얻는다. 세금 필드를 옆에 어떻게 업데이트합니까? 나는 형제 선택 자 또는 무언가를 사용해야합니까 ?? 당신이 말한대로 세금 필드가 가격이 옆에 있으면

$('#pricing').delegate("input", "change", function(){ 

    $(this).val() /* the value of the price */; 

}) 

Answer 1

좀 더 나은 답변을 제공하려면 HTML이 필요할 것이지만 요청하는 내용은 매우 간단합니다.

$(document).ready(function() { 
    $(".price").blur(function() { // when the price input loses focus 
     var price = $(this).val();  
     var tax = price * 1.15; // use whatever formula you need here, this is for Mexico. 
     $(this).next().val(tax); 
    } 
}); 

물론 이것은 모든 가격 입력 옆에 세금 금액을 보여주는 입력이 있다고 가정합니다. 당신이 레이블 또는 스팬을 사용하기로 결정한 경우 단지 $(this).next().text(tax); 그것은 당신의 DOM 구조에 따라

Answer 2

, 당신은을 선택하기 위해 next()를 사용할 수 있습니다. html을 게시하는 것이 더 좋을 것입니다.

Answer 3

에 $(this).next().val(tax);을 변경할 수 있지만, 일반적으로 당신은 당신이 약간의 HTML을 게시 할 수 있습니다

var commonParent = 'tr'; // a common parent for finding related nodes 

$('#pricing').delegate("input", "change", function(){ 

    var val = $(this).val() /* the value of the price */; 
    var tax = val; 

    $(this).parents(commonParent).find('input[name=*tax]').val(tax); 
})