Question

我在$（'。input_fields_wrap'）中尝试捕获id的值。append（h1 tag）。并将此值存储在var数据中。我能够捕获整个div标签中的数据，但我只需要Id的值。感谢您的帮助。

<script>
    $(document).ready(function(e){
        $('.input_fields_wrap')
        .append('{% for s in speaker %}<div class="col-md-3 col-sm-6 text-center"><img id="button"src="{{s.ProfileImg.url}}"alt=""><h1 class="id"> {{s.id}} </h1><h1 name="name" class="name"> {{s.Name}} </h1> <h4>{{s.Technical_Area}} | {{s.Brief_Bio}} </h4><p>{{s.Email}} | {{s.Phone}} | {{s.Social_Media}}</p><button type="button" class="remove_field">Remove</button> <button type="button" class="edit_field">Edit</button></div>{% endfor%}');
    });

    $('.input_fields_wrap').on("click",".remove_field", function(e){ 
         e.preventDefault();
         $(this).parent().detach();
         var data = $(this).parent('div').text();

         console.log(data);
    });
</script>

Answer 1

您可以在分离元素时执行此操作。 Detach返回分离的元素，以便您可以查询h1.id的分离元素并获取其文本：

var data = $(this).parent().detach().find('h1.id').text();

无法捕获id的值（$（'。input_fields_wrap'）。append（h1 tag））。并将值存储在var数据中

1 个答案: