Remove all non-numeric in a HTML div element.

Remove all non-numeric in a HTML div element.

Trong bài viết này mình sẽ hướng dẫn bạn các xóa tất cả text trong một hiển thị Div và chỉ giữ lại số với Jquery. 

Ví dụ mình có một div element (HTML) như sau :

<div class="remove-non-numeric">Erhay.com is very useful site. The Global Rank is about 123456</div>

Kết quả mình muốn nó hiển thị chỉ là : 123456

(Tức là chỉ giữ lại số và loại bỏ các ký tự còn lại )

Khi đó bạn sử dụng function như sau :

<script type="text/javascript">
$('.remove-non-numeric').each(function() {
     var thz =  $(this); var repl =
     thz.html(thz.html().replace(/\D+/g, ''));
});
</script> 

Trong trường hợp một HTML file có rất nhiều phần tử có trùng ID với nhau. Nhưng bạn chỉ muốn thay thế một phần tử duy nhất thì bạn chuyển class thành div:

<a id="remove-non-numeric" href="#"> adc1234. </a>
<a id="remove-non-numeric" href="#"> 4fg34. </a>
<a id="remove-non-numeric" href="#"> 23fgb. </a>
<script type="text/javascript">
$('#remove-non-numeric').each(function() {
     var thz =  $(this); var repl =
     thz.html(thz.html().replace(/\D+/g, ''));
});
</script> 

Ok. Nếu bạn có thắc mắc gì có thể để lại comment để được trợ giúp.

Minh Anh - Vui lòng ghi rõ nguồn Erhay khi bạn phát hành thông tin từ trang này.