如何检查HTML属性是true还是false? [英] How can I check whether an HTML attribute is true or false?

问题描述

我有这个div块，我想知道如何检查具有entry-footer嵌套div的每个col-md-4 div，并检查template-include="false"是真还是假.

I have this div block and I'm wondering how can I check each col-md-4 div which has a nested div of entry-footer, checking the template-include="false" if it's true or false.

我必须用JavaScript/jQuery编写代码，但是，我对Web编程和JavaScript还是很陌生.

I have to write this in JavaScript/jQuery, however, I'm still very new to web programming and JavaScript.

<div id="divtemp-sc" class="container-fluid tab-pane active tab-padding" role="tabpanel" aria-labelledby="divtemp-sc">
  <div class="col-md-4">
    <div class="popup-temp-entry">
      <div class="entry-header">Title 1</div>
      <div class="entry-body">Description 1</div>
      <div class="entry-footer"><a href="#" class="entry-footer-include-btn" template-include="false">Include</a></div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="popup-temp-entry">
      <div class="entry-header">Title 2</div>
      <div class="entry-body">Description 2</div>
      <div class="entry-footer"><a href="#" class="entry-footer-include-btn" template-include="true">Include</a></div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="popup-temp-entry">
      <div class="entry-header">Title 3</div>
      <div class="entry-body">Description 3</div>
      <div class="entry-footer"><a href="#" class="entry-footer-include-btn" template-include="false">Include</a></div>
    </div>
  </div>

</div>

推荐答案

您可以使用jQuery 属性等于选择器[name=value] 即可完成此工作.

You can use the jQuery Attribute Equals Selector [name="value"] to do this work.

$(".col-md-4 .entry-footer [template-include='true']").css("color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divtemp-sc" class="container-fluid tab-pane active tab-padding" role="tabpanel" aria-labelledby="divtemp-sc">
  <div class="col-md-4">
    <div class="popup-temp-entry">
      <div class="entry-header">Title 1</div>
      <div class="entry-body">Description 1</div>
      <div class="entry-footer"><a href="#" class="entry-footer-include-btn" template-include="false">Include</a></div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="popup-temp-entry">
      <div class="entry-header">Title 2</div>
      <div class="entry-body">Description 2</div>
      <div class="entry-footer"><a href="#" class="entry-footer-include-btn" template-include="true">Include</a></div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="popup-temp-entry">
      <div class="entry-header">Title 3</div>
      <div class="entry-body">Description 3</div>
      <div class="entry-footer"><a href="#" class="entry-footer-include-btn" template-include="false">Include</a></div>
    </div>
  </div>

</div>

这篇关于如何检查HTML属性是true还是false?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！