javascript - 如果设置了变量，文本跨度的简写？

Question

我有一个非常好的变量声明:

var text = option.text(),
    attr,
    li,
    attr = {
        'class': 'option',
        html: text,
        data: {
            option: option
        },
        css: {
            display: 'block'
        }
    },
    li =  $j('<li/>', attr);

现在我需要向文本添加一个跨度(如果存在)，如下所示:

var option = $j(this),
    text = option.text(),
    attr,
    li;

if(typeof option.data('alt') !== 'undefined') {
    text += '<span class="alt">' + option.data('alt') + '</span>';
}

attr = {
    'class': 'option',
    html: text,
    data: {
        option: option
    },
    css: {
        display: 'block'
    }
};

有什么方法可以用更少的代码内联添加 span 吗？

Answer 1

代替:

if(typeof option.data('alt') !== 'undefined'){
  text += '<span class="alt">'+option.data('alt')+'</span>';
}

尝试三元运算符:

text += option.data('alt') ? '<span class="alt">'+option.data('alt')+'</span>' : '';