표시하기 전에 Jquery 키 업 이벤트 중에 입력에서 공백을 제거하는 방법

Question

<div> 
    <tr> 
     <td>flat1:<input type="text" name="flat[]" class="flat" value=""/></td> 
     <td>price1:<input type="text" name="new_price[]" class="new_price" value=""/></td> 
     <td><input type="text" name="org_price[]" class="" value=""</td> 
    </tr> 
</div> 
<div> 
    <tr> 
     <td>flat2:<input type="text" name="flat[]" class="flat" value=""/></td> 
     <td>price2:<input type="text" name="new_price[]" class="new_price" value=""/></td> 
     <td><input type="text" name="org_price[]" class="" value=""</td> 

    </tr> 
</div> 

     <div> 
    <tr> 
     <td>flat3:<input type="text" name="flat[]" class="flat" value=""/></td> 
     <td>price3:<input type="text" name="new_price[]" class="new_price" value=""/></td> 
     <td><input type="text" name="org_price[]" class="" value=""</td> 
    </tr> 
</div> 
<div> 
    <tr> 
     <td>flat4:<input type="text" name="flat[]" class="flat" value=""/></td> 
     <td>price4:<input type="text" name="new_price[]" class="new_price" value=""/></td> 
     <td><input type="text" name="org_price[]" class="" value=""</td> 

    </tr> 
</div> 

     <div> 
    <tr> 
     <td>flat5:<input type="text" name="flat[]" class="flat" value=""/></td> 
     <td>price5:<input type="text" name="new_price[]" class="new_price" value=""/></td> 
     <td><input type="text" name="org_price[]" class="" value=""</td> 

    </tr> 
</div> 

     <div> 
    <tr> 
     <td>flat6:<input type="text" name="flat[]" class="flat" value=""/></td> 
     <td>price6:<input type="text" name="new_price[]" class="new_price" value=""/></td> 
     <td><input type="text" name="org_price[]" class="" value=""</td> 

    </tr> 
</div> 

     <div> 
    <tr> 
     <td>flat7:<input type="text" name="flat[]" class="flat" value=""/></td> 
     <td>price7:<input type="text" name="new_price[]" class="new_price" value=""/></td> 
     <td><input type="text" name="org_price[]" class="" value=""</td> 

    </tr> 
</div> 

     <div> 
    <tr> 
     <td>flat8:<input type="text" name="flat[]" class="flat" value=""/></td> 
     <td>price8:<input type="text" name="new_price[]" class="new_price" value=""/></td> 
     <td><input type="text" name="org_price[]" class="" value=""</td> 

    </tr> 
</div> 

     <div> 
    <tr> 
     <td>flat9:<input type="text" name="flat[]" class="flat" value=""/></td> 
     <td>price9:<input type="text" name="new_price[]" class="new_price" value=""/></td> 
     <td><input type="text" name="org_price[]" class="" value=""</td> 

    </tr> 
</div> 

     <div> 
    <tr> 
     <td>flat10:<input type="text" name="flat[]" class="flat" value=""/></td> 
     <td>price10:<input type="text" name="new_price[]" class="new_price" value=""/></td> 
     <td><input type="text" name="org_price[]" class="" value=""</td> 

    </tr> 
</div> 


<p><input type="submit" name="save" value="save"/></p> 

keyup Jquery 이벤트의 .new_price 입력란에 .flat 입력 상자에 입력 한 내용을 표시하려고합니다. 이 작업을 완료했지만 .new_price 입력에 공백을 표시하지 않으려합니다. 나는 행운과 함께 replace 메소드를 사용하려고 시도했다. http://jsfiddle.net/qsDn5/3/

$(document).ready(function(){ 
    $('.flat').on('keyup',function(e) { 
     $(this).siblings(".new_price").eq(0).val ($(this).val()); 
    }); 
}); 

Answer 1

귀하의 의견을 기반으로 편집 된 게시물입니다. 당신이 그것을 묘사 한 방식은 다소 오해의 소지가있었습니다.

그냥 케이스에서 문자열 바꾸기를 사용하십시오.

$(this).val().replace(/ /g, ""); 

/ / 구문 단지 처음 나타나는 이상을 대체 할 공간과 끝에 g 일치하는 정규 표현 글로벌 수단.

업데이트 됨 jsfiddle HERE