Question

我有一个像这样定义的HTML代码：

<div class="modal fade" id="my_0" role="dialog"> 
  <!-- Rest removed for brevity -->
</div>

关键是我的HTML中有很多这样的内容，当我点击其中一个时，活动的一个类从modal fade更改为modal fade in。这就是我想找到活动模态元素的一些孩子的地方。我尝试了下面的两种方法，但它们都返回undefined。

$(function() {
    $("#SubmitBtn").click(function() {
        var location = $('.modal fade in').find("#location");
        var info = $('.modal fade in').children("#additional");

        alert("loc is: " + location.val());
        alert("info is: " + info.val());
    });
});

有什么想法吗？

Answer 1

在jquery中，选择与css中相同的元素。因此，$('.modal fade in)应该是$('.modal.fade.in')而不是$(function() { $("#SubmitBtn").click(function() { var location = $('.modal.fade').find("#location"); var info = $('.modal.fade').children("#additional"); alert("loc is: " + location.val()); alert("info is: " + info.val()); }); });。成功：

Codepen Example

$('#additional')

一个附加说明 - 您在搜索儿童时使用的是ID选择器。如果使用id，则应该只有一个具有该id的元素。否则你应该使用类。如果你正在使用一个id并且只有一个（你应该），你只需选择::new而不是在另一个元素中搜索它。

如何使用jQuery获取子元素？

1 个答案: