jquery - 用 class 和 var 构造 jQuery 选择器

Question

我有这个ajax请求：

$.ajax({
    dataType: "jsonp",
    url: "http://api.rottentomatoes.com/api/public/v1.0/movies/" + filmID + ".json?apikey=[your_api_key],
    success: dataHandler,
    crossDomain: true
});

filmID这是一个根据单击的选项卡var选择电影的方法。id然后我就有了这个功能dataHandler()。

function dataHandler (data) {
    $(".title").append(data.title);
};

现在的问题是，我单击哪个选项卡并不重要，只加载该选项卡的数据。如果我尝试单击其他选项卡，它不起作用。我知道它与这个标题类有关，因为所有选项卡都有它。我需要以某种方式将它与可能添加filmID到类中分开，以便浏览器知道它应该加载哪些数据。但是我有点迷失了如何做到这一点并将所有内容都放在一个字符串中？

Answer 1

我会做这样的事情。

HTML 标记：

<div class="tab" id="film1">...</div>
<div class="tab" id="film2">...</div>
<div class="tab" id="film3">...</div>

JS：

$('.tab').click(function(){

    var tab = $(this),
        filmID = tab.attr('id');

    var xhr = $.ajax ({
        dataType: "jsonp",
        url: "http://api.rottentomatoes.com/api/public/v1.0/movies/" + filmID + ".json?apikey=[your_api_key]",
        crossDomain: true
    }); 

    xhr.done(function(data){
        tab.append(data.title);
    });

});