JSFiddle - React, Tailwind, and code Playground

by rwaldron

HTML

<form id="formId">
      <input type="text" name="parent[0].child[0]" />
      <input type="text" name="parent[0].child" />
    </form>

JavaScript

// the find() method should return 1 element here but instead returns 0
var bug = $("#formId").find("input[name='parent[0].child[0]']");

console.log(bug.length, 1)

// escaping it doesn't work either
var escaped = $("#formId").find("input[name='parent\\[0\\]\\.child\\[0\\]']");


console.log(escaped.length, 1)


var workaround = $("#formId input[name='parent[0].child[0]']");

console.log(workaround.length, 1)


// strangely enough, one set of brackets works fine
var oneBracketWorks = $("#formId").find("input[name='parent[0].child']");

console.log(oneBracketWorks .length, 1)