Demo Dom Eq inputinput[type=text]input[type=button]input[type=submit]div.examplespan.is_buttonul.items1ul.items2a.hrefsa.href_class_1a.href_class_2div#granddiv#grand ul#rents1div#grand ul#rents2ul#rents1 liul#rents2 li

---

DOM: eq()

---

Button 1 (span) Button 2 (span) Button 2 (span)

• list item set 1 # 1
• list item set 1 # 2
• list item set 1 # 3
• list item set 1 # 4

• list item set 2 # 1
• list item set 2 # 2
• list item set 2 # 3
• list item set 2 # 4

href set 1 # 1 ( href_class_1 )
href set 1 # 2 ( href_class_1 )
href set 1 # 3 ( href_class_1 )

href set 2 # 1 ( href_class_2 )
href set 2 # 2 ( href_class_2 )
href set 2 # 3 ( href_class_2 )

function regEvents() {
  $('a.eq')        
    .click( function () {
      var eqIndex  = $(this).id.split('_')[1];
          
      $( $('#nodetypes').val() )
        .eq( eqIndex )
          .highlight();      
    });
}

$.ready(function () {
  $('#nodetypes')
    .change( function () {
      if ( $('.eq').length > 1 )
        $('.eq').remove();

      for( var i=0, ilen = $($(this).val()).length; i<ilen;i++ ) {
        var aId  = 'aid_' + i, aText = 'eq('+ (i+1) +')';
        $('.demoTitle').append('<a href="javascript:;" id='+aId+' class="finer eq">'+ aText +'</a>');
      }
      regEvents();
    });
});