要素のクリックイベントで一部だけ別の動作をさせたいとき ref: http://qiita.com/ituki_b/items/7fc1402df47baf332552

file0.html

<p><span class="icon">ここは別の動作をさせる</span>ここは普通の動作をさせる</p>

file1.js

$("p").click(function(e){
    if($(e.target).hasClass("icon")) {
        //.iconだけ別の動作
        //attr("class")だと複数のクラスのときに動作しないので変更。
    } else {
        //普通の動作
    }
});

file2.html

<p><span id="icon">ここは別の動作をさせる</span>ここは普通の動作をさせる</p>

file3.js

$("p").click(function(e){
    if($(e.target).attr("id") == "icon") {
        //#iconだけ別の動作
    } else {
        //普通の動作
    }
});

file4.html

<p><span>ここは別の動作をさせる</span>ここは普通の動作をさせる</p>

file5.js

$("p").click(function(e){
    if($(e.target).get(0).tagName == "span") {
        //spanだけ別の動作
    } else {
        //普通の動作
    }
});

file6.js

$("p").click(function(e){
    if($(e.target).is(要素)) {
        //要素（クラスでも属性でも、要素名でも）だけ別の動作
    } else {
        //普通の動作
    }
});