<div> Static Tab + <div"> <div> Static Tab + <div"> <div> Static Tab + <div" />

選択したタブに従ってHTMLを複製し、コンテンツIDを置き換えます

私は3つのタブ "B1"、 "B2"、 "B3"を持っています。私はこのHTMLをクローンしてid id = "bv-B1-p1" id = "bv-B2-p1" という3つのタブのコンテンツとしてロードしたい。 B1 B2 、または id = "bv-B3-p1" B3 )を選択します)。

<div id="bv-brand-priority">    
<div>

<div id="bv-brand-hp">
    </div>
    <div id="bv-brand-p">
           <div id="bv-brand-eng-media-image-p-img">

            </div>    
        <!--clicking this link should append another similar div to the  above div with incremented id i.e id="bv-brand-eng-media-image-p-img1"-->           

        Add New Image

    </div>
</div>   

</div>
0
なぜあなたはループを試してみませんか?
追加された 著者 Unknown,
あなたは完全なコードを投稿し、抽出問題が何であるか尋ねることができますか?
追加された 著者 Chamika Sandamal,
私はjqueryに新しいです..どのように教えてください
追加された 著者 Rakesh R,

1 答え

jQueryを使用してdivを作成するには、次のコードを使用します。

コード:

<div id="test"></div>

var brand = 3;
$(document).ready(function() {
    for (var i = 1; i <= brand; i++) {
        $('#test').append('<div id="bv-B' + i + '-P1" class="touch" onclick="checkid(this);">TESTING</div>');
    }
});

function checkid(c) {
    var id = c.id;
    alert(id);
}

たとえば、次のようなフィドルを見てみましょう。

http://jsfiddle.net/QshmC/1/

divをクリックすると、クリックされた div のIDが表示されます。

0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript