JQuery selecting by name issue

Question

I have this input field

<input name="Ops[2][Duration]" type="text" value="1" row-number="2">

Which I'm trying to select by name but it seems that

$('input[name=Ops[2][Duration]]');

Gets confused with all the brackets. How can I sort this out ? I tried

$('input[name=Ops\[2\]\[Duration\]]');

But that didn't work either, I still get:

Error: Syntax error, unrecognized expression: input[name=Ops[2][Duration]]

You have missed to wrap the attribute value with double quotes,it as to be like this $('input[name="Ops[2][Duration]"]'); — Lokesh_Ram, Jul 25 '16 at 10:58

score 2 · Answer 1 · answered Jul 25 '16 at 10:53

2

In a jQuery selector the escape character is two backslashes: \\:

$('input[name=Ops\\[2\\]\\[Duration\\]]');

Alternatively you could put the attribute value in quotes:

$('input[name="Ops[2][Duration]"]');

answered Jul 25 '16 at 10:53

Rory McCrossan

319,460
37
290
318

score 2 · Answer 2 · answered Jul 25 '16 at 10:53

2

You can wrap the attribute value in quotes:

$('input[name="Ops[2][Duration]"]');

answered Jul 25 '16 at 10:53

Milind Anantwar

79,642
23
92
120

Shubham Khatri · Answer 3 · 2016-07-25T10:59:07.087

1

Use the name attribute value in paired quotes

$('input[name="Ops[2][Duration]"]');

or

$("input[name='Ops[2][Duration]']");

$(function(){
    $('input[name="Ops[2][Duration]"]').on('blur', function(){
        console.log($(this).val());
    });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="Ops[2][Duration]" type="text" value="1" row-number="2">

edited Jul 25 '16 at 10:59

answered Jul 25 '16 at 10:53

Shubham Khatri

246,420
52
367
373

JQuery selecting by name issue

3 Answers3