タグforeachループを生成

Question

jqueryで簡単なページ設定をしようとしています。私の目標は、ページ番号を関数 "paginate（）;に入れます。 5ページの数字で+5回追加するだけです。つまり、常に+5ページのタグを動的に生成します。私はすでにコードを鳴らしてみましたが、5回はループしませんでした。再び私の目標は次のとおりです。6,7,8,9,10ない1,2,3,4,5

function paginate(pageNumber) { 
 
    for (var i = 0; i < pageNumber; i++) { 
 
    //alert(i); 
 
    $(".inner").append("<a href=" 
 
     "index?page=" + i + > "" + i + "" 
 
     "</a>"); 
 
    } 
 
} 
 

 
paginate(5);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h2>Pagination</h2> 
 
<div class="container"> 
 
    <div class="inner"></div> 
 
</div>

Answer 1

使用方法は $(".inner").append("<a href=\"index?page=" + i + "\">" + i + "</a>");

あなたは脱出する\を使用していけない場合、あなたの開始または文字列を終了どちらかと思うと、コード、余分な"を逃れるために\を使用する必要があります。

function paginate(pageNumber) { 
 
    for (var i = 6; i <= (pageNumber + 5); i++) { 
 
    //alert(i); 
 
    $(".inner").append("<a href=\"index?page=" + i + "\">" + i + "</a>"); 
 
    } 
 
} 
 

 
paginate(5); 
 

 

 
function paginate2(pagestart, pageNumber) { 
 
    for (var i = pagestart; i < (pagestart + pageNumber); i++) { 
 
    //alert(i); 
 
    $(".inner").append("<br><a href=\"index?page=" + i + "\">" + i + "</a>"); 
 
    } 
 
} 
 

 

 
paginate2(6,5);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h2>Pagination</h2> 
 
<div class="container"> 
 
    <div class="inner"></div> 
 
</div>

Answer 2

書き込みを生成するこの方法

$(".inner").append("<a href='index?page='" + i + ">" + i + "</a>"); 

function paginate(pageNumber) { 
 
    for (var i = 0; i < pageNumber; i++) { 
 
    $(".inner").append("<a href='index?page='" + i + ">" + i + "</a>"); 
 
    } 
 
} 
 

 
paginate(5);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h2>Pagination</h2> 
 
<div class="container"> 
 
    <div class="inner"></div> 
 
</div>

Answer 3

あなたは自分のコード内の構文を持っています。このコードは正しく動作します：

<script 
 
     src="https://code.jquery.com/jquery-3.2.1.js" 
 
     integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" 
 
     crossorigin="anonymous"></script> 
 
<h2>Pagination</h2> 
 
<div class="container"> 
 
    <div class="inner"></div> 
 
</div> 
 

 
<script> 
 
    function paginate(pageNumber) { 
 
     for (var i = 0; i < pageNumber; i++) { 
 
      $(".inner").append("<a href=index?page=" + i +">" + i + "</a>") 
 

 
     } 
 
    } 
 

 
    paginate(5); 
 
</script>