Jquery检查元素是否存在以及条件是否存在


Jquery check if element exist and if conditon

我有这样的代码:

<?php if ($this->session->userdata('permission') == 4 || $this->session->userdata('permission') == 3) : ?>
            <select name="caffe" id="caffe">
                <?php foreach($caffe as $key) : ?>
                <option value="<?php echo $key['id_caffe'] ?>"><?php echo $key['name'] ?></option>
                <?php endforeach; ?>
            </select>
            <div id="gll_select">
                <script>
                 var caffe = $("#caffe").val();
                 var cff_name = $("#caffe option:first").text();
                 $("#gll_select").load("<?php echo base_url() ?>form/galleries", {id : caffe}, function(){                 
                          $("#gll").on('change', function(){
            var cff_name  = $("#caffe option:selected").text();
            get_gallery(cff_name);
            console.log(cff_name);
        }); 
                 });  
                </script>
            </div>
            <?php else : ?>
            <input type="hidden" name="caffe_name" id="caffe_name" value="<?php echo $caffe_name ?>" />
            <input type="hidden" name="caffe_id" id="caffe_id" value="<?php  if(isset($caffe_id)) echo $caffe_id; ?>" />
            <div id="gll_select">
                <?php if (isset($gallery)) : ?>
            <select name="gll" id="gll">
        <?php foreach ($gallery as $key) : ?>
            <option value="<?php echo $key['id_gallery'] . " " . $key['name'] ?>"><?php echo $key['name'] ?></option>
        <?php endforeach; ?>
            <?php endif; ?>
            </select>
            </div>
            <?php endif ?> 

jquery代码如下:

if ($("#caffe".length)){var cff_name = $("#caffe option:first").text(); }
    else{var cff_name = $("#caffe_name").val();}

问题如下-第一个语句始终为true(如果PHP IF statement is FALSE,则#caffe将不存在)。问题出在哪里?

应该是

if ($("#caffe").length) { ... }

您的代码:

if ($("#caffe".length)) { ... }

获取字符串常量的长度并将其传递给jQuery。您总是从对jQuery主函数($)的调用中获得非null结果,因此作为if语句的一部分将其强制转换为布尔值的结果总是true。

相反,当您测试搜索选择器时返回的jQuery对象的.length属性时,您正在检查该数字是否为非零。

$("#caffe".length)更改为$("#caffe").length

我想我看到了问题。。。

if ($("#caffe").length){var cff_name = $("#caffe option:first").text(); }

.length不是选择器的一部分,它是包装集的一个属性。