javascript - 选择面时更改 block 引号

Question

我已经编写了一堆代码 ( JS fiddle project )，我快完成了，但是我需要一些在 JS 中切换的东西，当你点击一个人的脸时，然后是引号(如果可以的话，向下滚动结果) 't see it) 将更改为该人的报价。

我已经在这部分的 JS 中进行了切换:

$(function() {
    var $profiles = $("#profile1, #profile2, #profile3, #profile4, #profile5, #profile6, #profile7, #profile8, #profile9, #profile10, #profile11");
    $profiles.click(function(e) {
        $profiles.removeClass("focused");
        $(this).addClass("focused");
    });
});

但我需要以某种方式将它与引号结合起来。

如果您真的不想帮助我解决具体问题，我会很乐意只提供伪代码或帮助思考。我已经和这篇文章坐在一起太久了，以至于无法理清思路。

你会推荐什么？

干杯，你们摇滚!

Answer 1

我这样解决了你的问题:

$profiles.click(function(e) {
    var profileNr = parseInt($(this).attr("id").substring(7));
    $profiles.removeClass("focused");
    $(this).addClass("focused");
    $(".thequote .show").removeClass("show");
    $(".thequote blockquote").eq(profileNr-1).find("p").addClass("show");
});

它从配置文件编号中提取报价的索引，然后使用 jQuery eq() 选择适当的报价。我也更新了您的 JS Fiddle 并测试了它是否有效。