Search jQuery

jQuery Forum

Locating nearest section id if it exists

in Using jQuery • 3 years ago

I need to pass the id of the nearest "section" if it exists. If a section doesn't exist, I need to pass the "formPlace" hidden field. If that doesn't exist, I need to pass the URL of the page. How can I do that with jQuery?

<section id="contactForm">
<form...
<input type="hidden" name="formPlace" id="formPlace" value="contact1234">
...
</form>
</section>

Replies(11)

jakecigar

Re: Locating nearest section id if it exists

3 years ago

There is no way to get the "nearest" element, other than searching backwards, forwards, up, and down the DOM tree.

If you are in a submit handler for a form, you can find your formPlace.

JΛ̊KE

watusiware

Re: Locating nearest section id if it exists

3 years ago

1. Nearest to WHAT?

2. Define what you mean by "nearest".

.closest() can give you the inner-most enclosing ancestor that matches the provided selector.

I see you made up your own tag ("hidden") and attribute ("formplace"). Unless you are Google, you shouldn't do that!

jakecigar

Re: Locating nearest section id if it exists

3 years ago

$(this).closest("form").find('[name="formPlace"]').val() || $(this).closest("form").attr("id") || location.href

Assuming this is somewhere in a form.

JΛ̊KE

Linn Foun..

Re: Locating nearest section id if it exists

3 years ago

How do you get the id of a section tag, such as this?

<section id="contactForm">

jakecigar

Re: Re: Locating nearest section id if it exists

3 years ago

$(this).closest("section").attr("id")

JΛ̊KE

Linn Foun..

Re: Locating nearest section id if it exists

3 years ago

I had already tried the above, but it didn't work. And then I realized it... I was using (this) where I should have been using ("form"). Thanks for all the help.

jakecigar

Re: Locating nearest section id if it exists

3 years ago

You never said where you need the code. Using $("form") means every form on the page.

Next time make a tiny demo in https://jsfiddle.com .

JΛ̊KE

Linn Foun..

Re: Locating nearest section id if it exists

3 years ago

Will do. Thanks again.

watusiware

Re: Locating nearest section id if it exists

3 years ago

Using $("form") means every form on the page.

If you use $("form") to set/change something, it will affect ALL of the forms on the page.

e.g.

$('form').addclass('foo');

will add class='foo' to EVERY form.

If you use $("form") to GET something, you will get it from the FIRST form on the page.

$('form').attr('href')

will get the href attribute of the FIRST form on the page.

If you had, say, a:

$(document).on('submit', 'form', function() {

var $form = $(this);

var id = $form.closest('section').attr('id');

}

Then this is set to a jQuery of the forum that was submitted.

We can't guess if you have some submit callback, though, since you never showed us any code or where you are trying to find the "nearestt" section from.

Linn Foun..