Question

点击下一步和上一页按钮时，我需要更新div内的导航计数。

（例如：显示10个项目中的2个）

再次点击Next Button时，这应该是

（显示10个项目中的3个）

这是我的html和js逻辑

有任何正文可以让我知道如何动态更新div字段

<input type="button" id="next" value="Next">
<input type="button" id="prev" value="Prev">
<div id="countdiv">
     <Span>Showing  </Span> Of <span>Items</span>

</div>



var totalcount = 10;
var current_count = 0;



$(document).on('click', '#prev', function (event) {
    if (current_count > 1) {
        current_count--;
        updateDiv();
    }
});

$(document).on('click', '#next', function (event) {
    if (current_count < totalcount) {
        current_count++;
        updateDiv();
    }
});

function updateDiv() {


}

这是我的小提琴，任何人都可以帮助我

http://jsfiddle.net/6xskkzjh/2/

Answer 1

试试这个：

function updateDiv() {
        $('#countdiv').html('Showing '+current_count+' of'+totalcount+' items');            
}

以下是FIDDLE

Answer 2

您已添加两个元素。

http://jsfiddle.net/6xskkzjh/7/

function updateDiv() {
    $('#val').html(current_count);
    $('#total').html(totalcount);

}

 <div id="countdiv">
     <Span>Showing</Span><Span id='val'></Span> Of <span id='total'></span> <span>Items</span>
</div>

Answer 3

试试这个：

 function updateDiv() {
        $('#countdiv').html('Showing '+current_count+' of'+totalcount+' items');

    }

Check Here

如何在div中动态更新某些字段

3 个答案: