javascript - 来自 JQuery 的奇怪消息 - 假设没有找到它

Question

我有一些像这样的 HTML:

<div class="form-group">
    <label class="col-sm-3 control-label"> Carousel </label>
    <div class="col-sm-5">
        <select class="form-control carouselUser" name="aisis_options[carousel]">
            <option value="Please Select a Role">Please Select a Role</option>
            <option value="Administrator">Administrator</option>
            <option value="Editor">Editor</option><option value="Author">Author</option> 
            <option value="Contributor">Contributor</option>
            <option value="Subscriber">Subscriber</option>
        </select>
    </div>
</div>

然后我尝试做这样的事情:

$('.carouselGlobal').change(function(){
    console.log($('.form_group .col-sm-5 .carouselUser'));
    $('.form_group .col-sm-5 .carouselUser').hide();
});

我对输出的 console.log() 更感兴趣:

[prevObject: x.fn.x.init[1], context: document, selector: ".form_group .col-sm-5 .carouselUser", jquery: "1.10.2", constructor: function…]

我不知道这意味着什么，所以我假设它找不到有问题的对象。

你想做什么？

页面上的某个位置是我向您展示的 HTML 片段，当 .carouselGlobal 更改它时(该 HTML 片段)需要隐藏。

有问题吗？

我在控制台中收到了奇怪的消息，我认为 jquery 说“我找不到对象 bla”。

那我做错了什么？从我的想法来看，这是正确的......

甚至做类似的事情:

$('.carouselGlobal').change(function(){
    console.log($('.carouselUser').parent('.form_group'));
    $('.carouselUser').parent('.form_group').hide();
});

不起作用...

Answer 1

您在控制台中看到的“奇怪”输出是 jQuery 对象本身正在被序列化。无论您使用的选择器是否找到任何元素，该对象总是返回。

如果您想知道是否找到任何元素，请使用 length 属性:

$('.carouselGlobal').change(function(){
    console.log($('.form_group .col-sm-5 .carouselUser').length); // 0 = not found
    $('.form_group .col-sm-5 .carouselUser').hide();
});

如果您想查看有关该元素的特定信息，您只需修改 console.log 即可显示它。