데이터 세트가있는 버튼을 클릭하면 동일한 데이터 세트가있는 div가 표시됩니다.

Question

data-id = "1"인 버튼이 있고 data-id = "1"인 div가 있습니다. 버튼은 버튼의 데이터 ID를 가져오고 동일한 데이터 ID를 가진 div가 표시됩니다. jsfiddle.net/mmqjs5zs/

Answer 1

$('.row2').click(function(e) { 
    $('.actionsDiv[data-id="' + $(this).data('id') + '"]').show();  
}); 

FIDDLE

Answer 2

당신은 속성 선택에 .row2 클릭 기능의 ID를 제공 할 수 있습니다 :

나는이 코드를 가지고있다.

$(document).ready(function(){ 

    $('.actionsDiv').hide(); 

    $('.row2').click(function(){ 
     var id = this.dataset.id; 
     $('.actionsDiv[data-id="'+ id + '"]').show(); 

    }); 
}); 

Answer 3

이 내 해결책이 될 것입니다 :

$('.row2').on('click', function(){ 
     $('.actionsDiv:visible').hide(); 

     var id = $(this).attr('data-id'); 
     $('div[data-id="' + id + '"]').show(); 
}); 

바이올린 : http://jsfiddle.net/theagitator/5j7ymgxh/