Jquery .val（）通過按按鈕來更改變量值

Question

我想通過按鈕來傳遞Jquery中的限制值。我幾乎找到了一個解決方案，但不能理解。如何將該值設置爲「限制：」默認值並按下按鈕進行更改。

HTML

<button id="pagelimit default">1</button> 
<button id="pagelimit">2</button> 
<button id="pagelimit">3</button> 

</div> 

JS

function displayVals() { 
var pagelim = $("#pagelimit").val(); 
}; 

$('#product-grid').mixItUp({ 
pagination: { 
    limit: $pagelim // insert button value 
} 
}); 

請幫我解決這個問題。

Answer 1

元素的ID必須是唯一的......它看起來像要更新limit選項與點擊的按鈕的文本，以便

<button class="pagelimit default">1</button> 
<button class="pagelimit">2</button> 
<button class="pagelimit">3</button> 

然後

//this method is not used in the below code as we don't know which button was clicked here... if you share how the `displayVals` method is called then we can try to make this work 
function displayVals() { 
    var pagelim = $("#pagelimit").val(); 
}; 

jQuery(function ($) { 
    $('.pagelimit').click(function() { 
     //update the limit option 
     $('#product-grid').mixItUp('setOptions', { 
      limit: +$(this).text() 
     }); 
    }); 

    //initialize the plugin 
    $('#product-grid').mixItUp({ 
     pagination: { 
      limit: 1 
     } 
    }); 
})