当按下“下一步”和“上一步”按钮时,如何使用javascript和jquery更改文本值?
我可以看到值为“1-99”的以下HTML: 我希望有人能帮助我。当按下“下一步”和“上一步”按钮时,如何使用javascript和jquery更改文本值?,javascript,jquery,Javascript,Jquery,我可以看到值为“1-99”的以下HTML: 我希望有人能帮助我。函数更改范围(delta){ function changeRange(delta){ var orderRange=document.getElementById('orderRange'), range=orderRange.innerHTML.split(' - ') range=[parseInt(range[0])+delta,parseInt(range[1])+delta] if(range[0
函数更改范围(delta){
function changeRange(delta){
var orderRange=document.getElementById('orderRange'),
range=orderRange.innerHTML.split(' - ')
range=[parseInt(range[0])+delta,parseInt(range[1])+delta]
if(range[0]<0) return
orderRange.innerHTML=range.join(' - ')
var store = window.localStorage;
store.setItem('Range', orderRange.innerHTML)
}
document.getElementById('orderNext').onclick=function(){changeRange(100);}
document.getElementById('orderPrevious').onclick=function(){changeRange(-100);}
var orderange=document.getElementById('orderange'),
range=orderRange.innerHTML.split(“-”)
range=[parseInt(range[0])+delta,parseInt(range[1])+delta]
如果(范围[0],这里有一个解决方案:
function change(d) {
var $field = $('#orderRange');
var nums = $field.text().split('-').map(function(a){return parseInt(a,10)+d*100});
if (nums[0]<0) return;
else if (nums[0]==101) nums[0]=100;
else if (nums[0]==0) nums[0]=1;
$field.html(nums.join(" - "));
}
$('#orderPrevious').click(function(){change(-1)});
$('#orderNext').click(function(){change(+1)});
功能更改(d){
变量$field=$('#orderange');
var nums=$field.text().split('-').map(函数(a){return parseInt(a,10)+d*100});
if(nums[0]小心:您的id=“orderPrevious
缺少结束引号。看起来不错,但是当范围为“1-99”并且我的用户单击orderPrevious时会发生什么?范围始终为正值,因此我不确定这将如何工作。行if(范围[0]这个解决方案需要jqueryies,但请看问题的标签和标题。因为jquery是指定的,我可以做一个(稍微)更优雅的解决方案:)这个问题也被标记为jquery。你得到了你想要的。:]这不是抱怨,只是给OP的一个便条。如果是这样,很抱歉,哈哈。
var store = window.localStorage;
store.setItem('Range', xxx)
function changeRange(delta){
var orderRange=document.getElementById('orderRange'),
range=orderRange.innerHTML.split(' - ')
range=[parseInt(range[0])+delta,parseInt(range[1])+delta]
if(range[0]<0) return
orderRange.innerHTML=range.join(' - ')
var store = window.localStorage;
store.setItem('Range', orderRange.innerHTML)
}
document.getElementById('orderNext').onclick=function(){changeRange(100);}
document.getElementById('orderPrevious').onclick=function(){changeRange(-100);}
function change(d) {
var $field = $('#orderRange');
var nums = $field.text().split('-').map(function(a){return parseInt(a,10)+d*100});
if (nums[0]<0) return;
else if (nums[0]==101) nums[0]=100;
else if (nums[0]==0) nums[0]=1;
$field.html(nums.join(" - "));
}
$('#orderPrevious').click(function(){change(-1)});
$('#orderNext').click(function(){change(+1)});