appendto maar alleen op de clones
Francoi gckx
30/01/2014 02:20:45Ik ben (probeer) bezig met het dynamisch maken van het naar wil extra een groep van inputs en een textarea toe te voegen of weg te halen.
toevoegen lukt door de onderstaande code nu probeer ik 'het weghalen' knop alleen te zien te krijgen is bij de clones en dus never op de eerste dat lukt in het begin maar als ik er 1 toevoeg dan popt die ook op bij de orginele veld van inputs.
toevoegen lukt door de onderstaande code nu probeer ik 'het weghalen' knop alleen te zien te krijgen is bij de clones en dus never op de eerste dat lukt in het begin maar als ik er 1 toevoeg dan popt die ook op bij de orginele veld van inputs.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
var regex = /^(.*)(\d)+$/i;
var cloneIndex = jQuery(".skills").length;
jQuery(document).on('click', 'button.clone', function(){
jQuery(this).parents(".skills").clone()
.appendTo("ul.ulskills")
.attr("id", "clonedInput" + cloneIndex)
.find("*").each(function() {
var id = this.id || "";
var match = id.match(regex) || [];
if (match.length == 3) {
this.id = match[1] + (cloneIndex);
}
});
if(cloneIndex == 1)
{
jQuery('<div class="field-box buttonsub2">' +
'<button type="button" id="additem" class="addmore remove">Heeft u minder?</button>' +
'</div>').appendTo("ul .skills");
}
cloneIndex++;
});
jQuery(document).on('click', 'button.remove', function(){
jQuery(this).parents(".skills").remove();
});
var cloneIndex = jQuery(".skills").length;
jQuery(document).on('click', 'button.clone', function(){
jQuery(this).parents(".skills").clone()
.appendTo("ul.ulskills")
.attr("id", "clonedInput" + cloneIndex)
.find("*").each(function() {
var id = this.id || "";
var match = id.match(regex) || [];
if (match.length == 3) {
this.id = match[1] + (cloneIndex);
}
});
if(cloneIndex == 1)
{
jQuery('<div class="field-box buttonsub2">' +
'<button type="button" id="additem" class="addmore remove">Heeft u minder?</button>' +
'</div>').appendTo("ul .skills");
}
cloneIndex++;
});
jQuery(document).on('click', 'button.remove', function(){
jQuery(this).parents(".skills").remove();
});
Gewijzigd op 30/01/2014 02:21:25 door Francoi gckx
Er zijn nog geen reacties op dit bericht.