如何只显示与textarea的最后一行匹配的字符串

时间:2018-04-25 08:32:56

标签: javascript

为什么这不起作用?
txtags是textarea
el应该是txtags内的最后一行的内容 poptag是div。

$('.txtags').keyup(function (event) {
    var el = $(this).val().split("\n").pop();
    el = el.trim();
    console.log(el);  // this works
    $('.poptag').hide();
    $('.poptag').each(function(){
        if ($(this).text().indexOf(el) > -1) {
            $(this).show();
        }
    });
});

例如,我输入abc并期望poptag显示文字abcx,但是 - 它不是。

1 个答案:

答案 0 :(得分:1)

以上代码应该有效,因为这正在textarea内容为poptag的最后一行正确检查

$('.txtags').keyup(function (event) {
    var el = $(this).val().split("\n").pop();
    el = el.trim();
    console.log(el);  // this works
    $('.poptag').hide();
    $('.poptag').each(function(){
        if ($(this).text().indexOf(el) > -1) {
            $(this).show();
        }
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea class='txtags' ></textarea>
<div class='poptag'>this is me</div>
<div class='poptag'>apple ball </div>
<div class='poptag'>test for me</div>