nested form ids within jquery

Question

How does one get a nested form id while using jquery?

lets say the form is

<form id="search-theme-form">
<div id = "search">
   <div id="edit-search-theme-form-1-wrapper" class="form-item">
   </div>
   <input id="edit-submit" class="form-submit btn">
</div>
</form>

will it be

$('#search-theme-form').submit(function () {
    $('#search #edit-submit').click(function () {
        if ($("#search input:text").val() == "Search this community..." || $("#search input:text").val() == "") {
            alert("Please enter a search term");
            return false;
        }
    });
});

1 mistake in your code $("$edit-submit").click() should be $("#edit-submit").click() — Ish
– Ish, Commented Jan 11, 2011 at 21:07
Can you clarify your question, it doesn't make much sense. Thanks! — Highway of Life
– Highway of Life, Commented Jan 11, 2011 at 21:08
For #search input:text to work you’ll have to specify type="text" on your <input>. — Kissaki
– Kissaki, Commented Jan 11, 2011 at 21:29
I still don’t get your question. What does your jQuery code have to do with nested IDs? What’s your problem with the code you provided? — Kissaki
– Kissaki, Commented Jan 11, 2011 at 21:30

Kissaki · Accepted Answer · 2011-01-11 21:07:54Z

6

jQuery uses CSS-type selectors. To get a sub-id select like

jQuery('#search #edit-submit');

answered Jan 11, 2011 at 21:07

Kissaki

9,3355 gold badges43 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ryan · Accepted Answer · 2011-01-11 21:04:37Z

2

I think you're missing a form tag. :)

answered Jan 11, 2011 at 21:04

Ryan

1713 bronze badges

Collectives™ on Stack Overflow

nested form ids within jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related