Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
当按下“下一步”和“上一步”按钮时,如何使用javascript和jquery更改文本值?_Javascript_Jquery - Fatal编程技术网

当按下“下一步”和“上一步”按钮时,如何使用javascript和jquery更改文本值?

当按下“下一步”和“上一步”按钮时,如何使用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

我可以看到值为“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]<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)});