使用jQuery自动包装DIV中的前一个单词

Automatically wrap previous word in DIV with jQuery

本文关键字：单词 一个 jQuery 包装 DIV 使用      更新时间：2023-09-26

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

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

this is a keyword
another
keyword

要做到这一点，我如何检测逗号键被按下？

keyup(function(e) {});

jsFiddle

这应该有效。。。

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);
    }
});

你的意思是这样的吗：（工作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>

相关文章：