Skip to main content
3 de 4
adicionou 4 caracteres ao conteúdo
Hugo Borges
  • 5,4mil
  • 12
  • 58
  • 117

abrir uma div de acordo com sua ID

Bom galera, tenho um menu que ao clicar com o botão direito ele se abre em uma DIV. Tudo ocorre dentro de uma TR (linha) de uma tabela.

Minha dúvida e a seguinte. Tenho uma tabela com várias TR, e cada umas delas recebem uma ID.

E tenho várias DIV e cada uma delas recebe uma ID igual ao da TR.

Preciso que o javascript abra e DIV com o mesmo ID da TR. Exemplo:

Ao clicar com botão direito na tr id="1" a div class="menu_pai" id="1" se abre.

Bom segue o código ate onde eu cheguei com a ajuda do pessoal:

document.oncontextmenu = function () {
        return false;
    };

    $("tr").mousedown(function (e) {
        
        // Define a posição do menu
        $('.menu_pai').css({
            "margin-left": e.clientX,
            "margin-top": e.clientY
        }).show();
        
        // Exibe o menu
        if (e.button === 2) {
            $(".menu_pai").show(); 
        } else {
            $(".menu_pai").hide();
        }
    });
.menu_pai{
        display: none;
    }
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<table width="100%" border="1" >
    <tr  id="1">
        <td>ID:1</td>
        <td>Nome</td>
        <td>Idade</td>
    </tr>
    <tr id="2">
        <td>ID:2</td>
        <td>Nome</td>
        <td>Idade</td>
    </tr>
    <tr id="3">
        <td>ID:3</td>
        <td>Nome</td>
        <td>Idade</td>
    </tr>
</table>

<div class="menu_pai" id="1">
    <div class="menu">
      link 1
    </div>
</div>

<div class="menu_pai" id="2">
    <div class="menu">
        link 2
    </div>
</div>

<div class="menu_pai" id="3">
    <div class="menu">
        link 3
    </div>
</div>

Hugo Borges
  • 5,4mil
  • 12
  • 58
  • 117