jqueryのappend文の中にボタン変数を追加する

私は新しいブートストラップリストのグループ項目を追加しようとしていて、その中にforというループを使ってボタンを含んでいます。jqueryのappend文の中にボタン変数を追加する

testdiv.append("<a class='list-group-item list-group-item-action'> " 
    + "<h6 class='list-group-item-heading'>" + value + "</h6>" 
    + "<p class='list-group-item-text'>This requires approval</p>" 
    + "<button onclick='approveReq("+ value +")' type='button' class='btn btn-primary'>Approve</button> </a>");

valueはforループでは、異なる結果を生成するので、各時間に作成される変数です。は、関数approveReq(value)が必要とするので、この値を取る必要があります。

私はこれをまったく説明しているかどうかわかりません。

出典

2016-08-09 user3480478

あなたの質問/問題が何を期待している何本です？ – Pugazh

forループに追加する必要がありますか？ – jackjop

これを試してください： 'onclick = 'approveReq（\" "+ value +" \ "）''。しかし、実際には、jQueryを使用して、文字列連結を使用する代わりに要素を作成して追加します。 –

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Bootstrap Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script 

    src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <script> 
    var testdiv = document.getElementById('abcd'); 
    $(document).ready(function(){ 
    var str = ""; 
     for(i=0;i<=10;i++){ 
     str+="<a class='list-group-item list-group-item-action'> " 
     + "<h6 class='list-group-item-heading'>" + i + "</h6>" 
     + "<p class='list-group-item-text'>This requires approval</p>" 
     + "<button onclick='approveReq("+ i +")' type='button' class='btn btn-primary'>Approve</button> </a>"; 
     } 
    $('#abcd').append(str); 
    }); 
    </script> 
    </head> 
    <body> 
    <div class="container" > 
    <div class="list-group" id="abcd"> 

    </div> 
    </div> 
    </body> 
    </html>

あなたはチェックこのcodepen

出典

2016-08-09 13:26:32 mean

jqueryのappend文の中にボタン変数を追加する

答えて

関連する問題