<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<div id="sf" class="form-group">
<div data-mebel='0'><div class="form-group">
<label>Что из мебели</label><input type='text' name='mebel[]' value="Диван" />
<label>Количества мебели</label><input type='text' name='col[]' value="1" />шт<div style="background: green; padding: 5px; border-radius: 5px; color: #fff; margin: 5px;width: 200px; display: inline-block;" onclick="$(this).parent().parent().remove();">Удалить Мебель</div></div>
<div class='tkp'><div class="form-group">
<label>Ткань /Длина ткани</label>
<select class="selecttkani" name='tkan[0][]'></select>
<input type='text' name='dlina[0][]' value="10" />м
<div style="background: green; padding: 5px; border-radius: 5px; color: #fff; margin: 5px;width: 200px; display: inline-block;" onclick="$(this).parent().remove();">Удалить ткань</div>
</div>
</div>
<div class="addtkani" style="background: green; padding: 5px; border-radius: 5px; color: #fff; margin: 5px;width: 200px; display: inline-block;">Добавить ткань</div>
</div>
<div class='addmebel' style="background: green; padding: 5px; border-radius: 5px; color: #fff; margin: 5px;">Добавить мебель</div>
<hr>
</div>
$('.addmebel').click(function(){
tr=$('div[data-mebel]:last').attr('data-mebel');
tr++;
$('#sf').append('<div data-mebel="'+tr+'"><div class="form-group"><label>Что из мебели</label><input type="text" name="mebel[]" value="" /><label>Количества мебели</label><input type="text" name="col[]" value="" />шт<div style="background: green; padding: 5px; border-radius: 5px; color: #fff; margin: 5px;width: 200px; display: inline-block;" onclick="$(this).parent().parent().remove();">Удалить Мебель</div></div><div class="tkp"><div class="form-group"><label>Ткань /Длина ткани</label><select class="selecttkani" name="tkan['+tr+'][]">'+tr+'</select><input type="text" name="dlina['+tr+'][]" value="10" />м<div style="background: green; padding: 5px; border-radius: 5px; color: #fff; margin: 5px;width: 200px; display: inline-block;" onclick="$(this).parent().remove();">Удалить ткань</div></div><div class="addtkani" style="background: green; padding: 5px; border-radius: 5px; color: #fff; margin: 5px;width: 200px; display: inline-block;">Добавить ткань</div></div><hr>');
});
$(document).on("click",'.addtkani',function(){
pr=$(this).parent().attr('data-mebel');
alert(pr);
$(this).siblings(".tkp").append('<div class="form-group"><label>Ткань /Длина ткани</label><select class="selecttkani" name="tkan['+pr+'][]">'+pr+'</select><input type="text" name="dlina['+pr+'][]" value="10" />м<div style="background: green; padding: 5px; border-radius: 5px; color: #fff; margin: 5px;width: 200px; display: inline-block;" onclick="$(this).parent().remove();">Удалить ткань</div></div>');
});
При клике добавить мебель создаются динамические элементы. В которых есть динамически создана кнопка добавить ткань, при клике на которую jquery должен получить значение из атрибута data-mebel.
Но у меня не получается получить пишет undefined.
