jQuery 自动完成。选择时，提醒建议中的值

Question

我用于电影搜索的 jQuery 自动完成插件。每部电影都有一个来自 IMDb 的 ID 的 ID。现在我解析该 ID 的方式来自 PHP，并包含在 class="imdbID" 的范围内。所以它看起来像这样：

<li>Movie title 1<span class="imdbID">tt345813</span></li>
<li>Movie title 1<span class="imdbID">tt346413</span></li>
<li>Movie title 1<span class="imdbID">tt789675</span></li>
<li>Movie title 1<span class="imdbID">tt185858</span></li>

然后继续。这是一个真实示例的样子： http://www.screenr.com/aH0s

现在，我想选择一部电影并提醒 imdbID 值。

如果我使用这种方法：

select:function(a,b){
        var bbbb = $(".imdbID").text();
        alert(bbbb);
}

我得到所有跨度的值，如下所示：

所以我的问题是，我怎样才能只得到所选自动完成值的 .imdbID？

谢谢

Answer 1

参考您关于 PHP 代码的其他问题，我会做这样的事情（请持保留态度，我不知道 PHP）：

$tmdb = new TMDb($api_key);
$json = json_decode($tmdb->searchMovie($_GET['term']));
$response = array();
$i=0;
foreach($json as $movie){
    if(!$movie->imdb_id || $movie->adult) continue;
    if($i >= 6) break;
    $response[$i]['value'] = $movie->name;
    $response[$i]['label'] = $movie->name . ' <small>(' . date('Y',strtotime($movie->released)).')</small><span><span> (' . $movie->imdb_id . ')';
    $response[$i]['imdbid'] = $movie->imdb_id;
    $i++;
}
echo json_encode($response);

想法是您添加 imdbid 作为您发送到客户端的 JSON 有效负载的属性。

然后在选择事件上：

$("input").autocomplete({
    /* snip */
    select: function (event, ui) {
        alert(ui.item.imdbid); // <-- alert the imdbid property
    }
});

Answer 2

回调接收两个参数function(event, ui)。 e.originalEvent 应该为您提供触发 select 事件的点击事件及其目标 ul。

$(e.originalEvent.target).find(".imdbID").text(); //Gets you the IMDB key