结合两个jQuery函数new

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：

<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> 

以便更好地观察，我把这个代码My_jsfiddle
感谢你的努力！

Answer 1

你的代码工作的的jsfiddle，只是更改执行到No wrap - <in head>在框架&扩展面板，见http://jsfiddle.net/IrvinDominin/CevcR/4/

但如果你能，你在失去清晰度不混合jQuery和内联JS代码码。

分配一个ID，你的锚元素像editMe并设置它的点击功能，你的代码可以是这样的：

$(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/