在 JS 中使用 if else 语句来检查 HTML 表单元素是否等于某个数字

using if else statement in js to check to see if an html form element is equal to a certain number

本文关键字：元素 表单 HTML 是否 数字 于某个 检查 JS if 语句 else      更新时间：2023-09-26

http://jsfiddle.net/cse_tushar/6FzSb/我有允许用户加载更多帖子的javascript代码，我想使用如果 else 语句来检查 HTML 表单元素是否等于某个数字，则单击函数会将用户转移到另一个 HTML 页面。这是 HTML 代码

<ul id="myList">
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>Six</li>
<li>Seven</li>
<li>Eight</li>
<li>Nine</li>
<li>Ten</li>
</ul>
<div id="loadMore">Load more</div>

和 js 代码

$(document).ready(function () {
    size_li = $("#myList li").size();
    x=3;
    $('#myList li:lt('+x+')').show();
    $('#loadMore').click(function () {
        x= (x+5 <= size_li) ? x+5 : size_li;
        $('#myList li:lt('+x+')').show();
         $('#showLess').show();
        if(x == size_li){
            $('#loadMore').hide();
        }
    });

正如你所注意到的 

if(x == size_li){
                $('#loadMore').hide();

我希望它转移用户而不是隐藏它

可以使用:visible选择器作为检查以查看最后一个是否可见

$('#loadMore').click(function () {
  if( $('#myList li:last').is(':visible') ){
     document.location = 'new/url';
     return;
  }
  // your other code
})
相关文章：