jQuery自动修剪值

时间:2014-08-22 07:51:20

标签: jquery

我目前正在开发一个显示IP地址的小界面,我正在寻找一种方法让它自动修剪,以便只显示最后的数字。

示例:

    <p><strong>Room: </strong>123.123.123.101</p>

理想的结果:

    <p><strong>Room: </strong>101</p>

有没有一种简单的方法可以在jQuery中实现这一目标?

非常感谢一些专家的建议。

非常感谢。

3 个答案:

答案 0 :(得分:1)

如果格式是

的永久格式
<p><strong>Room:</strong><span>123.123.123.101</span></p>

这是最简单的方法

$('p').text().split('.')[3];

答案 1 :(得分:0)

<p><strong>Room: </strong><span class='ip'>123.123.123.101</span></p>

$(document).ready(function(){
   $('.ip').each(function(){
     var data = $.trim($(this).html()); //using $.trim() here is optional as it is used to remove white spaces only. 
     data = data.substring(data.lastIndexOf(".") + 1);
     $(this).html(data);
   });
});

答案 2 :(得分:0)

我建议将它包装在一个单独的元素中,以便更容易选择

<p><strong>Room:</strong><span>123.123.123.101</span></p>

之后,您只需选择该值,然后使用split将字符串转换为数组,这样可以通过访问数组的最后一个元素轻松选择最后一位数字。

var value = $('p span').html();
var valueArray = value.split('.');

value = valueArray[valueArray.length-1];

$('p span').html(value)