Question

我想在div标签中包装我之前的字符串（在每个逗号之前），就像在stackoverflow上搜索标签一样。

这是一个关键字，另一个是关键字

this is a keyword
another
keyword

为此，我如何检测到按下逗号键？

keyup(function(e) {});

jsFiddle

Answer 1

这应该有用......

http://jsfiddle.net/2cWvC/1/

$("input").keydown(function(e){
    var keys, html;
    if (e.keyCode == 188) { 
        keys = this.value.split(',');

        html = $.map(keys, function(key) {
            return '<div>' + key + '</div>';
        }).join('');     

        $('#result').html(html);
    }
});

Answer 2

你的意思是这样的：（working jsFiddle）

$('input').keyup(function(e) {
     $('#result').html('');
    var valueArr = $(this).val().split(',');

    for(var i=0; i<valueArr.length; i++){
        $('#result').append('<div>'+valueArr[i]+'</div>')
    }
});

这将通过'，'分隔符将输入中的字符串分解为部分，并将每个部分分配给<div>

使用jQuery自动在DIV中包装上一个单词

2 个答案: