Можно ли искать через JSON результат с JQuery

Question

То, чего я пытаюсь добиться, это вывести список json, который содержит список классов Css и соответствующие им записи URL, то есть

var jsonList = [{"CSSClass":"testclass1","VideoUrl":"/Movies/movie.flv"},{"CSSClass":"testclass2","VideoUrl":"/Movies/movie2.flx"}]; //]]>

foreach элемент в списке, который я добавляюсобытие клика в классе ...

$.each(script, function() {
        $("." + this.CSSClass, "#pageContainer").live('click', function(e) {
            videoPlayer.playMovie(this);
            return false;
        });
    });

Что мне интересно, так это то, могу ли я каким-то образом получить соответствующий URL-адрес из списка jsonlist, без необходимости повторять их все циклически, искать CSSClass илидобавить ссылку на ссылку в качестве атрибута?

Answer 1

вы можете добавить параметр Index и Item к функции обратного вызова в методе $ .each.

$.each(script, function(i, item) { 
   $("." + item.CSSClass, "#pageConainer").live("click", function() {
       videoPlayer.playMovie(item.VideoUrl);
       return false;
   });
});

• "i" будет счетчиком каждой итерации в объекте json
• "item" будет представлять используемый объект

Answer 2

Безусловно, вам просто нужно захватить ваш объект, чтобы у функции щелчка была возможность доступа к нужной вещи при ее срабатывании. Примерно так должно работать:

$.each(script, function() {
    var vid = this;
    $("." + vid.CSSClass, "#pageContainer").live('click', function(e) {
        videoPlayer.playMovie(vid.VideoUrl);
        return false;
    });
});