JSFiddle - React, Tailwind, and code Playground

HTML

<div name="name[1]"></div>
<div name="name[2]"></div>
<div name="name[3]"></div>
<div name="name[4]"></div>

CSS

div{
    max-width:300px;
    height:20px;
    padding:20px;
    background-color:#ccf;
    margin-top:10px;
    border:1px solid #000;
}

JavaScript

//correcto
$('div[name="name[2]"]').html('Texto 2 - inserido por jQuery'); 

//correcto mas sem necessidade de usar \\
$('div[name="name\\[3\\]"]').html('Texto 3 - inserido por jQuery');

//correcto
$('div[name=name\\[4\\]]').html('Texto 4 - inserido por jQuery'); 

//errado! vĂŞ o erro na consola...
$('div[name=name[1]]').html('Texto 1 - inserido por jQuery');