두 개의 jQuery 함수를 결합하십시오.

Question

두 개의 jquery 스크립트를 결합하는 데 도움을주십시오. 순간 그들은 서로 호환되지 않습니다. 둘 모두를 친근하게 만들기 위해 무엇을 할 수 있습니까?

JQuery와 :

<script> 
function edit_product() { 
var id = $('.DIVY.panel3').attr('id'); 
alert (id); 
</script> 

<script> 
    $(function(){ 

    $('.DIVY').click(function(){ 
     $('.DIVY.panel3').removeClass('panel3').addClass('panel2'); 
     $(this).removeClass('panel2').addClass('panel3'); 
    }) 
}) 
</script> 

HTML : 더 나은 시각화를 들어, 내가 My_jsfiddle
이 코드를 넣어 당신의 노력에 감사드립니다

<div id="1" class="DIVY panel2" >click me please!</div> 
<div id="2" class="DIVY panel2" >click me please!</div> 
<div id="3" class="DIVY panel3" >click me please!</div> 
<div id="4" class="DIVY panel2" >click me please!</div> 

<div ><a href="#" onclick="edit_product()">Check ID</a></div> 

!

Answer 1

귀하의 코드가 jsfiddle에서 작동 단지의 프레임 워크 & 확장 패널에 No wrap - <in head>에 실행을 변경 http://jsfiddle.net/IrvinDominin/CevcR/4/

를 참조하지만, 당신은 명확성을 잃을 수있는 경우에 jQuery를 인라인 JS 코드를 함께 사용하지 마십시오 암호.

$(function() { 

    $('.DIVY').click(function() { // when a .myDiv is clicked 
     $('.DIVY.panel3').removeClass('panel3').addClass('panel2'); 
     $(this).removeClass('panel2').addClass('panel3'); 

    }) 

    $('#editMe').click(function() { // when a .myDiv is clicked 
     var id = $('.DIVY.panel3').attr('id'); 
     alert(id); 
    }) 

}) 

데모 : http://jsfiddle.net/IrvinDominin/CevcR/2/

editMe처럼 앵커 요소에 ID를 할당하고 클릭 기능을 설정, 코드는 다음과 같다 수 있습니다