JSFiddle - React, Tailwind, and code Playground

by snover

HTML

<div id="one">
        <input type="hidden" value="2" name="foo.bar"/>
        <input type="hidden" value="2" name="foo[bar]"/>
</div>
<div id="result"></div>
<div id="expected">0 1 0 1</div>

JavaScript

var r = [
    $('#one input[name=foo.bar]').length,
    $('#one input[name=foo\\.bar]').length,
    $('#one input[name=foo[bar]]').length,
    $('#one input[name=foo\\[bar\\]]').length
];

$('#result').append(r.join(' '));