How to Select an Element Using JQuery

Question

Here is my HTML code:

<div id="mySignin">
    <div class="modal-body">
        <form class="form-horizontal @loginGuid">
            <div class="captcha">
                <img class="imgCaptcha" title="@LocalizeHelper.GetLocalizeString("Click to change captcha code")" src="@Url.Action("CaptchaImage", "Account")" />
                <input type="text" class="inputCaptcha" />
            </div>
        </form>
    </div>
</div>

How can I select <input type="text" class="inputCaptcha" /> using JQuery?

This is a very basic question. You should look through both http://learn.jquery.com and http://try.jquery.com before diving any further into jQuery. — James Donnelly, May 09 '14 at 13:02
Selecting dom elements is a basic paradigm in CSS. You should check this out: http://www.w3schools.com/cssref/css_selectors.asp — Jefraim, May 09 '14 at 13:07

score 1 · Answer 1 · answered May 09 '14 at 13:01

1

You can use . to target elements by class name:

$('.inputCaptcha')

I'd suggest you to go through jQuery official learning center to learn more about jQuery.

answered May 09 '14 at 13:01

Felix

37,892
8
43
55

score 0 · Answer 2 · answered May 09 '14 at 13:01

0

Your element has class attribute. You can use class selector to target it.

 var captchinp = $('.inputCaptcha');

answered May 09 '14 at 13:01

Milind Anantwar

81,290
25
94
125

score 0 · Answer 3 · answered May 09 '14 at 13:01

0

Just select it by its class

$('.inputCaptcha')

or if you want to only select inputs with the class:

$('input[type=text].inputCaptcha')

answered May 09 '14 at 13:01

Robin Drexler

4,307
3
25
28

score 0 · Answer 4 · answered May 09 '14 at 13:01

0

you may have some other elements rather that input elements with the class inputCaptcha, so target elements with more relevance by the selector give below.

Try,

$('input[type="text"].inputCaptcha')

answered May 09 '14 at 13:01

Rajaprabhu Aravindasamy

66,513
17
101
130

3

Did you mean *be specific*? generic implies the other answers. – Jamiec May 09 '14 at 13:02
Yes. I don't want to select other `` elements. – Mohsen May 09 '14 at 13:10

score 0 · Answer 5 · answered May 09 '14 at 13:06

0

You can use class selector like below

$('.inputCaptcha')

but if you have other html element with same class=inputCaptcha and you want to select only input then use below

$('input[class="inputCaptcha"]')

Please see JQuery Selector for more details

answered May 09 '14 at 13:06

Bhushan Kawadkar

28,279
5
35
57

How to Select an Element Using JQuery

5 Answers5