if 子句与 img 生成有关的问题

Question

脚本如下；

$("#Results a").live('dblclick', function(event){
    var src = $(this).attr("href");
    if (event.type === 'dblclick') {
        if ($(this).hasClass(".A")) {
            $('<img />', {'src': src,'class': 'Box'}).wrap('<div class="Packet" />').parent().insertAfter($('.Spot_A').parent());
        } else if ($(this).hasClass(".B")) {
            $('<img />', {'src': src,'class': 'Box'}).wrap('<div class="Packet" />').parent().insertAfter($('.Spot_B').parent());
        }
    }
});

我双击链接标签来创建一个 img 元素，该元素使用图像 src 的链接的 href，并根据链接元素所具有的类将此 img 放置在特定的位置。 img 元素创建部分工作完美。但是，我现在尝试根据链接标签的类别对各种图像进行“排序”。这就是我遇到麻烦的地方。对我来说，它应该如何进行似乎是显而易见的，但它不起作用。

我想，它应该简单地是：当我双击一个链接时，如果这个（链接）有类__，请在此处创建一个img。如果是 diff 类，则在此处创建一个 img。请注意，链接在任何时候都不会被删除。

.parent/insertafter/parent 部分是必需的，因为它是确定层次结构内放置方式的一部分。 Spot_A/B是起点，这是排序的关键。

Answer 1

.hasClass() 采用类的名称，而不是类选择器。删除句号。

if ($(this).hasClass("A")) {
    // stuff
} else if ($(this).hasClass("B")) {
    // other stuff
}

对此进行完整的清理处理：

$('#Results a').live('dblclick', function(event) {
    var $this = $(this),
        src = $this.attr('href'),
        target = $this.hasClass('A') ? '.Spot_A'
               : $this.hasClass('B') ? '.Spot_B'
               : null;

    if (target) {
        $(target).parent().after($('<div class="Packet"></div>').append($('<img />', {'src': src, 'class': 'Box'})));
    }
});

• 不要重复包装 this，将 $(this) 存储在局部变量中
• 无需检查 event.type === 'dblclick'
• 与单引号和双引号保持一致
• 保持DRY
• 这更多的是个人喜好的问题，但是一个简单的 if-else 情况可以用两个集合写得更简洁三元运算符
• 根据 jQuery 文档，可以包含其他元素的标签应与结束标记（当使用 $() 创建新元素时）
• 清理元素创建调用