我使用的環境如下，手寫的輪播，滑鼠點選或者用上下箭頭控制，切換不同的輪播圖會顯示對應的輪播的視訊。每一個標籤都給與了對應的id，用id去找尋對應的視訊。

下文引自W3school：

“target 事件屬性可返回事件的目標節點（觸發該事件的節點），如生成事件的元素、文件或視窗。”

function findCamera(id){
    var  event = event? event: window.event
var srcObj = event.srcElement ? event.srcElement : event.target;//前兩句是為了解決ie，chrome，Firefox相容性問題，var 
 
cameraId = $(srcObj).attr("id").substring(8)//這裡就獲取到了響應目標id$(".dropimg").removeClass('changeBorder');//給所有輪播圖片都去掉changeBorder這個class$(event.target).addClass('changeBorder');//changeBorder是寫好的css，給選中圖加邊框
    document.getElementById("play").innerHTML="";
    $.ajax({
        type: 'post',
        url: 'XXX/XXX/XXX' 
 
,
        data:{'XXX':XXX,'XXX':XXX},
        async: false,
        dataType: 'json',
        success: function (data) {
           這裡是拿過來資料顯示視訊的，為了保密就刪去了

        },
    })
}

CSS：

.changeBorder{
    border:5px solid #b15b5b;
}