Hinzufügen einer Schaltfläche Variable in jquery Append-Anweisung

Ich versuche, neue Bootstrap-Listengruppe Elemente und in ihnen eine Schaltfläche mit einer for Schleife anfügen.Hinzufügen einer Schaltfläche Variable in jquery Append-Anweisung

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>");

The value ist eine Variable, die daher in einer Schleife for jedes Mal erstellt wird, wobei ein anderes Ergebnis erzeugen würde. Der onclick='approveReq("+ value +")' sollte diesen Wert übernehmen, da die Funktion approveReq(value) dies erfordert.

Ich bin mir nicht sicher, ob ich das überhaupt gut erklären kann, irgendeine Hilfe?

Quelle

2016-08-09 user3480478

erwarten Was ist Ihre Frage/Problem ?? – Pugazh

sollten Sie für for-Schleife anhängen? – jackjop

Versuchen Sie Folgendes: 'onclick = 'approveReq (\" "+ value +" \ ")''. Aber ich würde jQuery verwenden, um Elemente zu erstellen und anzuhängen, anstatt String-Verkettungen zu verwenden. –

<!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>

Ist das, was Sie prüfen diese codepen

Quelle

2016-08-09 13:26:32 mean

Hinzufügen einer Schaltfläche Variable in jquery Append-Anweisung

Antwort

Verwandte Themen