ansaurus

Question

Answer 1

A:

This should do it, using the rel attribute to note link. You could also do the same thing by parsing the ID and so on, but I find this solution more semantic (if it means something) :

<html>
<body>
<div id="parent1" class="parents" rel="child1"></div>
<div id="parent2" class="parents" rel="child2"></div>
<div id="parent3" class="parents" rel="child3"></div>
<div id="child1"></div>
<div id="child2"></div>
<div id="child3"></div>
</body>
</html>

jQuery(function(){
  jQuery(".parents").live("click", function(){
     jQuery("#"+jQuery(this).attr("rel")).toggle();
  });

});

marcgg 2010-02-15 11:04:24

Answer 2

A:

Use a class for these divs and use the class selector.

$(".divclass").live ( "click" , function() {
    $(this).find("yourchildelementselector").toggle();
});

If its a parent child relation then better put the child divs inside the parent element.

<div id="parent1" class="parent"><div id="child1" class="child"></div></div>
<div id="parent2" class="parent"><div id="child2" class="child"></div></div>
<div id="parent3" class="parent"><div id="child3" class="child"></div></div>

and you can call the click event as

$("div.parent").live ( "click" , function() {
        $(this).find("div.child").toggle();
});

rahul 2010-02-15 11:04:36

Answer 3

A:

This will work with your current structure (another option is to extract the number, same general idea):

$("[id^=parent]").live('click', function(){
   var childId = this.id.replace('parent', 'child');
   $('#' + childId).toggle();
});

Kobi 2010-02-15 11:13:08

Answer 4

A:

Using the startsWith selector and slightly modded ID values, because the underscore character eliminates the need for a regex:

<div id="parent_1" class="parents"></div>
<div id="parent_2" class="parents"></div>
<div id="parent_3" class="parents"></div>
<div id="child_1"></div>
<div id="child_2"></div>
<div id="child_3"></div>

$("div[id^=parent]").click(function() {
   $('#child_' + $(this).attr('id').split('_')[1]).toggle(); 
});

I also like @Kobi's approach.

karim79 2010-02-15 11:16:16

ansaurus

tags:

views:

answers:

jquery : dynamic events how to achieve

related questions