JSFiddle - React, Tailwind, and code Playground

by gonchuki

HTML

<div id="foo">
    <button type="submit">submit button</button>
    <button type="reset">reset button</button>
</div>
<div class="results"><strong>:submit</strong> elements found: <span id="results_submit"></span></div>
<div class="results"><strong>:reset</strong> elements found: <span id="results_reset"></span></div>
<div class="results"><strong>jQuery(':reset')</strong> elements found: <span id="results_reset_nocontext"></span></div>
<div class="results"><strong>button[type="reset"]</strong> elements found: <span id="results_reset2"></span></div>

CSS

.results span {
    font-weight: bold;   
    color: #04d;
}

.results strong {
    font-family: monospace;
}

JavaScript

jQuery('#results_submit').text(jQuery('#foo').find(':submit').length);
jQuery('#results_reset').text(jQuery('#foo').find(':reset').length);
jQuery('#results_reset_nocontext').text(jQuery(':reset').length);
jQuery('#results_reset2').text(jQuery('#foo').find('button[type="reset"]').length);