jquery选择器这个加号'-rest-of-name‘

Question

我试图将代码片段压缩为8行而不是488...help的代码片段。

有没有办法使用“此”选择器作为该名称的一部分？

这就是我现在拥有的(不起作用的) http://jsfiddle.net/H44Zj/1/

HTML：

<div class="left">
    <div class="showcase show" id="new-online">&nbsp;</div>
    <div class="showcase" id="aa-online">&nbsp;</div>
    <div class="showcase" id="ab-online">&nbsp;</div>
    <div class="showcase" id="ac-online">&nbsp;</div>
    <div class="showcase" id="ad-online">&nbsp;</div>
    <div class="showcase" id="ae-online">&nbsp;</div>
    <div class="showcase" id="af-online">&nbsp;</div>
    <div class="showcase" id="ag-online">&nbsp;</div>
</div>

<div class="right">
    <div id="new">&nbsp;</div>
    <div id="aa">&nbsp;</div>
    <div id="ab">&nbsp;</div>
    <div id="ac">&nbsp;</div>
    <div id="ad">&nbsp;</div>
    <div id="ae">&nbsp;</div>
    <div id="af">&nbsp;</div>
    <div id="ag">&nbsp;</div>
</div>

联署材料：

$(function() {
    $('#aa,#ab,#ac,#ad,#ae,#af,#ag').mouseenter(function() {
        $(this + '-online').addClass("show");
        $('#new-online').removeClass("show");
    }).mouseleave(function() {
        $('#new-online').addClass("show");
        $(this + '-online').removeClass("show");
    });
});

我想当#aa的鼠标，添加类节目到#aa-在线。我不想对每个元素(61个)复制/粘贴这个元素。

非常感谢。

Answer 1

this是一个DOM元素。所以不，它不能是选择器的一部分。看起来，您希望使用元素的ID作为选择器的一部分：

$('#' + this.id + '-online')