如何实现仅匹配textarea最后一行的字符串显示？现有代码为何失效？

嘿，我看了你的代码，问题大概率出在文本匹配的细节处理上，咱们一步步排查和修复：

可能的问题点 #

你当前的逻辑方向是对的，但忽略了几个容易踩的坑：

• .poptag的文本可能包含多余的空格、换行或不可见字符，导致indexOf匹配失败
• 大小写不匹配：比如你输入小写abc，但.poptag里的文本是ABCx，indexOf就识别不出来
• 少数情况下，keyup事件触发时，文本域的内容还没完全同步（不过你能正常输出el，这个概率很低）

修正后的代码 #

我调整了代码，补上了这些细节处理，同时用更高效的filter方法替代each：

$('.txtags').keyup(function(event) {
  // 提取最后一行，去除前后空白，统一转小写（按需可去掉toLowerCase）
  var el = $(this).val().split("\n").pop().trim().toLowerCase();
  console.log(el);

  // 先隐藏所有标签选项
  $('.poptag').hide();

  // 筛选并显示匹配的标签
  $('.poptag').filter(function() {
    // 对标签文本做同样的空白处理和大小写统一
    const tagText = $(this).text().trim().toLowerCase();
    return tagText.indexOf(el) > -1;
  }).show();
});

关键优化说明 #

1. 统一空白处理：给el和标签文本都加上trim()，避免意外的空格、换行干扰匹配
2. 大小写兼容：通过toLowerCase()实现不区分大小写的匹配，如果需要严格区分大小写，直接去掉这部分即可
3. 更优雅的筛选方式：用jQuery的filter()方法替代手动each遍历，代码更简洁，性能也更优

额外排查建议 #

如果还是不生效，可以做这两步排查：

• 在控制台打印$('.poptag').text()，确认标签的实际文本内容是否和你预期一致
• 检查.poptag有没有被其他CSS样式（比如display: none !important）覆盖，这种情况下去掉!important或者改用.css('display', 'block')来显示元素

内容的提问来源于stack exchange，提问作者user7461846