jquery - 使用 jQuery 获取 2 个 ID 并显示自定义内容

Question

我是 jQuery 的新手，我知道这个问题可能看起来很愚蠢。但是，这是我到目前为止所拥有的... http://jsfiddle.net/jHyJu/

$('[id^=content]').hide();
$('#baseSection').delegate("li", "click", function() {
var id = $(this).attr('id').replace('bcontent','');
$("#baseContent").html($("#content-"+id).html());
});

$('[id^=content]').hide();
$('#headSection').delegate("li", "click", function() {
var id = $(this).attr('id').replace('hcontent','');
$("#headContent").html($("#content-"+id).html());
});

我需要脚本来组合点击的 ID，以便显示自定义内容。

Answer 1

利用三元运算符: http://jsfiddle.net/jHyJu/1/

    $('[id^=content]').hide();
    $('#baseSection, #headSection').on("click", "li", function () {
        var id = ($(this).parent().attr('id') == 'selectable') ? $(this).attr('id').replace('bcontent', '') : $(this).attr('id').replace('hcontent', '');
        $("#baseContent").html($("#content-" + id).html());
    });

并使用 .on() 代替如果您使用的是 jquery 版本 1.7+