How to remove data-target and data-toggle from child elements or disable elements from triggering the event?
<p>HTML:</p>

<pre><code>&lt;div id="card_{{_id}}" class="card-panel" data-toggle="modal" data-target="#{{_id}}"&gt;
      &lt;span class="white-text"&gt;{{text}}&lt;/span&gt;
      &lt;div class="card-action"&gt;
        {{#each tags}}
        &lt;div class="chip"&gt;
          &lt;tag class="tag"&gt;{{this}}&lt;/tag&gt;
          &lt;i id="removeTag" class="material-icons fa fa-ban"&gt;&lt;/i&gt;
        &lt;/div&gt;
        {{/each}}
        &lt;div class="chip" id="likeButton"&gt;
          &lt;i class="fa fa-thumbs-o-up"&gt;&lt;/i&gt;&amp;nbsp;{{likes}}&amp;nbsp;&amp;nbsp; Likes
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p>above is sample html code from my meteor project. i want the <code>div#card</code> element to activate the <code>modal</code> by clicking on it. But i do not want the <code>div.chip</code> elements to toggle the <code>modal</code> when clicked. Is there a way i can disable child element from the <code>data-toggle</code> of the modal?</p>