求助大神，如何用js做出选中数字的某一位的效果？

[ccDMU825]

我的前端效果上图，经纬度在<span>标签内，要求数字的每一位可单独选中。效果如下图

有什么比较好的方法没有

[ccDMU825]

啊啊啊啊啊啊啊

[sanjer]

定义好样式，将每个数字用span包裹起来， <style> .s1{background-color:#ccc;font-weight:normal;} /*未点击的样式*/ .s2{background-color:#000;font-weight:bold;}/*点击数字后的样式*/ </style> <span class="jingdu"> <span class="s1">3</span><spanclass="s1">0></span>.<spanclass="s1">0</span>KT </span> 然后用jquery给class等于s的对象绑定click事件。 $("span.jingdu").on("span","click",function(){ if($(this).hasClass("s1"){$(this).removeClass().addClass("s2");} else{$(this).removeClass().addClass("s1");} })

[ccDMU825]

把数字放在<span>里适用于数字很少 的时候，可是目前的数字位数过多。除了上述方法，您还有什么其他解决办法没有？

[ccDMU825]

@sanjer