我正在尝试生成随机的lat和lng位置,我想用javascript将这个错误数据用于p
并使用不同的span
// latitude
var latMin = parseInt(-90);
var latMax = parseInt(90);
var latAnswer = document.getElementById("latitude");
var lat = Math.floor(Math.random() * (latMax - latMin + 1) + latMin);
var latSplit = lat.split('');
console.log(latSplit);
console.log('lat:'+lat);
$( latSplit ).insertAfter( '#latAfter' );
// longitude
var lngMin = parseInt(-180);
var lngMax = parseInt(180);
var lngAnswer = document.getElementById("longitude");
var lng = Math.floor(Math.random() * (lngMax - lngMin + 1) + lngMin);
var lngSplit = lng.split('');
console.log(lngSplit);
console.log('lng:'+lng);
$( lngSplit ).insertAfter( '#lngAfter' );
然后,在我的结果中,我希望有类似<span>3</span><span>8</span><span>.</span><span class="end">7</span>
之类的内容,然后我想在不同的div
中分成最后一个类
答案 0 :(得分:1)
简单的解决方案。我不建议用这种方法创建整个页面,这就是我们有模板的原因。但对于非常基本的HTML,字符串就足够了。
// lat is a number, so cast it to a string to be able to use the split method.
var latSplit = lat.toString().split('');
// Simple loop surrounding the values with spans.
var latLength = lat.length;
var latSpans = lat.map( function( value, index ) {
if ( index + 1 === latLength ) return '<span class="end">' + value + '</span>';
else return '<span>' + value + '</span>';
} );
var latHTML = '<p>' + latSpans.join('') + '</p>';