jQuery - 切换显示逗号分隔值的字符串

Question

在表格中，我有一个列，其中包含以逗号分隔的值列表。

我想要实现的操作是单击已删除的文本将“汇总文本以仅显示第一个值。再次单击将再次显示所有值。

我的目的是使用+和 - 符号来显示状态。

字符串示例： “红色，蓝色，绿色”

折叠显示： +红色

扩展显示： - 红色 蓝色 绿色

Answer 1

给定一个id = rgb：

的元素

$('#rgb').click( function() {
    var $this = $(this);
    var text = $this.text();
    if( text[0] == '+' ) {
        $this.text($this.data('hiddenText'));
    } else {
        $this.data('hiddenText', text);
        var index = text.indexOf(',');
        if(index >= 0) {
            $this.text('+' + text.substr(1,index-1));
        }
    }
});

在fiddle

上

---

版本，其中+/-不是元素的一部分： fiddle

$('#rgb').click( function() {
    var $this = $(this);
    var text = $this.text();
    var index = text.indexOf(',');
    if( index < 0) {
        if ($this.data('hiddenText') !== undefined) {
            $this.text($this.data('hiddenText'));
        }
    } else {
        $this.data('hiddenText', text);
        $this.text(text.substr(0,index));            
    }
});