Check whether CSS style is true : >HTML

    <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>

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 its true or false.

I was demanded to write it in javascript/jquery. However, I'm still very new to web programming and Javascript. I've been googling and searching references and I still cant figure it out how.