-1

次のフィドルhttp://jsfiddle.net/ramapriya/FJhDw/2/から動的に生成する div の ID を取得し、各 div をクリックすると個別のメッセージを表示する方法

function get_random_color() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.round(Math.random() * 15)];
    }
    return color;
}

var columns = 10, container = $("#container"), width = (100 / columns);

$("head").append("<style>.col { width: " + width + "%;} .row {  height: " + width + "%  }</style>");

for(var ii = 0; ii < columns; ii++) {
    container.append("<div class=\"row\" />");
    row = $("#container > div:last-child");

    for(var i = 0; i < columns; i++) {

        row.append("<div class=\"col\" style=\"background: " + get_random_color() + "\">szin</div>");

    }
}
4

3 に答える 3

0

指定するには、それぞれにを指定divする必要があり、作成時にそれぞれに JavaScript 関数を実行できます。iddivdiv

例：divのIDが必要な場合はクリックすると、onclick属性を追加divして関数に渡すことができます

デモを見る

更新:デモ 2

于 2013-09-17T10:46:34.587 に答える
0

ちょっとこれを使用すると、動的IDが生成され、任意のdivをクリックすると、そのdiv idでアラートが表示されます:-

row.append("<div id=\"div_" + ii + "_" + i + "\" onclick=\"alert(this.id)\" class=\"col\" style=\"background: " + get_random_color() + "\">sample</div>");

ここにフィドルがあります： - http://jsfiddle.net/FJhDw/5/

于 2013-09-17T10:42:24.203 に答える