如果li id为空,则隐藏div

时间:2020-09-17 23:51:59

标签: javascript html jquery css

如果div为空,我需要隐藏li

<div>
  <ul>
   <li id=“item1”></li>
   <li></li>
   </ul>
</div>

$(document).ready(function () {
$(‘#div’).onchange(function() {
    if (‘#div’).text === ‘’) {
   $(‘li#item1).hide();
} else {
   $(‘li#item1).show();
});

如果用户更改年龄,列表将显示不同的项目。如果列表中的li为空,我需要隐藏div。因此,如果用户更改了选择,如何在onchange上重新加载功能?

 $(document).ready(function () {
   $(‘#div’).filter(function() {
    if (‘li#item1’).text.change === ‘’) {
    $(‘#div’).hide();
    } else {
    $(‘#div’).show();
  }); 

不确定是否可以过滤.change函数?

$(document).ready(function ({
   $('body').change(function() {
   if ($(li#item1).text(); !== '') {
   $(‘#div’).hide();
    } else {
   $(‘#div’).show();
  }) 
});

这样的作品行吗?

2 个答案:

答案 0 :(得分:1)

您在代码中全都使用印刷引号字符(‘’“item1”等)-这是行不通的。将所有这些引号更改为“简单”引号。另外,在您的if / else条件下,选择器($('li#item1')...)缺少右引号。同样,将li作为div的子元素也是无效的HTML。 jQuery中没有onchange()方法...

答案 1 :(得分:-1)

偏离路线将不起作用。 onchange()事件-在javascript中(jQuery中的change())仅适用于select,input和text区域元素-不适用于div: enter image description here

相关问题