Pegando Seletor antes do retorno de uma função

O método jQuery que você procura denomina-se: end()

$('#div_main').children('#div_child').children('#button').end().on('click', function() {
 // faça alguma coisa quando clicar em #div_child;
})

Não seria exatamente isso que desejo. vou explicar mais detalhadamente.

$('#div_main).children('#div_child').chidren('#button').click( function() {

//realizo algumas acoes quando o botao é clicado

$(this).siblings('div').css({'color' : 'red});

//agora gostaria de obter o primeiro seletor que usei até chegar no #button

//exemplo ficticio

** var SELETOR_EXEMPLO = $(this).end().end();**

 

 

});

queria que SELETOR_EXEMPLO apontasse para o elemento #div_main.

Acredita que o método end() do jquery não funciona da forma que desejo (nao testei)...

não use IDs encavalados assim.. prefira:

$('#button').click( function() {e ai: 

 var SELETOR_EXEMPLO = $(this).parents('#div_main');

leia:

http://wbruno.com.br/jquery/navegando-no-dom-jquery/

Obrigado William. Realmente eu prezo muito a boa escrita numa linguagem... e confesso que estou me aprofundando em JS e jQuery e fico muito agradecido pela sua dica. É bem melhor usar o seletor direto e dentro os métodos parents() e find() para selecionar outros elementos.

Se você souber de sites/artigos que falem sobre código limpo em js e jquery (além do seu site e do próprio jquery.com) me indique.

Obrigado.