javascript - jquery判断上传图片为空时，让其父节点隐藏

Question

jquery如何判断上传图片为空时，让其父节点隐藏？我已经写了代码，但是它不起作用!你能给我一些建议，或者相应的例子吗？非常感谢!

<p id="new_zs">hello! <img src="'+ addressUrl+list.ccieimg+'" alt=""></p>
<script>
  $(function() {
    if ($('#new_zs img').attr('src')) {         
      $(this).show();
    } else {
      $(this).parent().hide();
    }       
  })
</script>

Answer 1

问题是因为 this 的范围，在你运行 jQuery 代码的位置，将是 window，而不是 #new_zs img 元素。

要解决此问题，您需要专门针对 #new_zs 元素。还要注意 show() 是多余的，因为无论如何这是默认状态，所以逻辑可以简化为:

$(function() {
  if (!$('#new_zs img').attr('src'))
    $('#new_zs').hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id="new_zs">hello! <img src="" alt=""></p>

请注意，这是假设您将空字符串输出到 HTML 的 src 属性。如果不是这种情况，您将需要更改您的 if 条件。