javascript - 当其中一个子元素(img)具有特定属性时如何隐藏 div？

Question

在我的网页中，我有一个标签和一个复选框。 复选框由 Salesforce 生成(因此 span id 看起来是动态的)。

这是我网页上的代码片段。

<div class="fds" id="checkinput">
<label>Additional Review</label>
<span id="j_id0:asp-acc-details:as-c1">
<img src="/img/checkbox_checked.gif" alt="Not Checked" width="21" height="16" class="checkImg" title="Not Checked">
</span>
</div>

span 标签和底层 img 由 Salesforce 生成。

我想知道如果 img 标签的标题(或 alt)为“未检查”，是否可以通过 jQuery 呈现“checkinput”div 不可见或隐藏。

这可能吗？

Answer 1

使用find & attr方法获取img及其title属性，然后使用hide方法隐藏div

var titleConstant = "Not Checked";

var getImgTitle = $("#checkinput").find("img").attr('title');
if (getImgTitle === titleConstant) {
  $("#checkinput").hide()

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="fds" id="checkinput">
  <label>Additional Review</label>
  <span id="j_id0:asp-acc-details:as-c1">
<img src="/img/checkbox_checked.gif" alt="Not Checked" width="21" height="16" class="checkImg" title="Not Checked">
</span>
</div>