JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
        <div class="col-xs-6">
            <a href = "/video/4060?region=US">
          <figure class = "media">
            <img src = "" height="300"/>
          </figure>
          </a>
        </div>
        <div class="col-xs-6">
        <p class="lead well well-sm"><a href="">Title of Post</a></p>
        <p class="lead text-uppercase"></p>
          <div class="details">
            <div class="panel panel-default">
            <div class="panel-heading"><dt>ID:4060</dt></div>
              <div class="panel-body">
              <dt>Description:</dt><dd class="description">Description of post</dd>
              <dt>Date Created:</dt><dd>2014-12-09T16:32:00Z</dd>
              <dt>Date Published</dt><dd></dd>
              <dt>Location:</dt><dd>Dec 9</dd>
              <dt>Duration:</dt><dd>5.6653333 seconds</dd>
              <div class="panel panel-default">
                    <div class="panel-heading">
                        <dt>Overlay:</dt>
                    </div>
                    <div class="panel-body">
                            <dl class="list-unstyled">
                              <li><strong><i>Type:</i></strong><!--Teaser--></li>
                              <li><strong><i>Title:</i></strong> Title of Post</li>
                              <li><strong><i>Byline:</i></strong> </li>
                              <li><strong><i>Section:</i></strong> Top News</li>
                              <li><strong><i>Entity:</i></strong> TimelineDescriptorOverlay</li>
                        </dl>
                    </div>
              </div>
              </div>
            </div>
          </div>
        </div>
        </div>

JavaScript

$(".list-unstyled li").contains($(".list-unstyled li").html(), '<!').css("background", "red");