ansaurus

Question

Have multiple buttons with same attributes (class, type, value, etc) that can "point out" their parent DIV when called?

Answer 1

+3 A:

Try this:

$(".button").click(function() { 
   var dividediting = $(this).parent().attr('id');
   alert(dividediting); 
});

You cannot have two items with the same id - you have to be using a class not the same id on each button.

Graphain 2010-07-22 05:03:30

oh, can't believe I was missing that, I was using "this" earlier for something else, that makes complete sense now..will try that

Rick 2010-07-22 05:04:59

This will blow up, jQuery objects don't have an `.id` property on them...

Nick Craver 2010-07-22 05:07:03

@Nick interesting, I amended (I usually use attr("id") but get blasted for not using standard JS functions).

Graphain 2010-07-22 05:08:48

@Graphain - You would need `.parent()[0].id` or `.parent().get(0).id` for that, which would be valid as well (it *must* have *some* parent).

Nick Craver 2010-07-22 05:09:48

@Rick, you can't use the same id on two objects

Graphain 2010-07-22 05:10:00

@Nick ah thanks, I just turned it back to attr("id") like I had originally.

Graphain 2010-07-22 05:10:23

awesome, the $(this) fixed it.. (I also changed it to use the class instead of id) thanks.. also, it seems you can have 2 ids but it just will take the first (meaning the HTML page still renders but obviously its of no use to have 2)

Rick 2010-07-22 05:10:27

@Rick Glad to hear. Yeah it compensates and renders, but it's invalid and JS won't work with it. It's like if I leave tags open, the browser still has a guess at making them work but you're dealing with "guess" behaviour, not "reliable" behaviour.

Graphain 2010-07-22 05:13:43

Answer 2

A:

You need a .class selector for your buttons instead, like this:

$(".button").click(function() {
    dividediting = $(this).closest("div[id^='upd']").attr("id");
    alert(dividediting);
});

#button is an #ID selector that searches for an id="button" instead of a class="button" like you want. Also you want $(this) inside the handler, so you're getting the closest <div> of the clicked element, not the first matched .button element.

Nick Craver 2010-07-22 05:04:19

The `.class` won't fix the fact the OP is using `#button` in the internal selector.

Graphain 2010-07-22 05:05:35

You need .class in the second line as well, `$(".button")`

phoffer 2010-07-22 05:05:41

@Graphain - Oops missed the internal, fixed, @phoffer actually you want `$(this)` instead in there.

Nick Craver 2010-07-22 05:06:30

@Nick Craver Ya you're right. I got stuck on that little `#` and forgot that.

phoffer 2010-07-22 05:08:15

Answer 3

A:

first of all, why are you using $("#button") i didn't see any id="button" in your DOM, secondly, you can use this

var dividediting = $(".button").parent().attr("id");
alert(dividediting);

rob waminal 2010-07-22 05:05:34

my mistake, I had id= "button" in my actual script, I just over-edited it when I put it into the post here.. I changed it

Rick 2010-07-22 05:08:53

@rob no the OP cannot, that will give the first button's parent, not the clicked one's.

Graphain 2010-07-22 05:10:55

ahh yes, because there are 2 `.button` classes in your DOM so the first `.button` will be taken, but if you are calling it inside an event you can use `this` instead of `.button` selector just like Graphain's example.

rob waminal 2010-07-22 05:15:11

ansaurus

tags:

views:

answers:

Have multiple buttons with same attributes (class, type, value, etc) that can "point out" their parent DIV when called?

related questions