javascript - 使用 jQuery/Javascript 计算 textarea 中字符串的出现次数，而不是在新按钮按下时更新

Question

我有一个放置字符串的按钮:

<dt></dt><dd></dd>

到 id 为 #upcoming_text 的文本区域中的文本末尾.

我正在使用 JavaScript 计算 </dd> 的出现次数每次按下按钮。如果计数<dt>大于 20 那么我有一个 if - 阻止添加任何以上字符串的语句。

计数适用于第一页刷新，但它似乎不计算 </dd> 的新出现次数随着每个后续按钮的按下。 (我通过提醒变量 numlines 来测试这个，当页面刷新时它仍然是数字。)
我是否遗漏了一些代码？

$("#new_act").click(function(){  
  var text = $('#upcoming_text').text();  
  var eachLine = text.split('/dd');  
  var numlines = eachLine.length;  
  if(numlines > 20){  
    alert("You've reached the maximum number of acts");  
  }  
  else{  
    if (!$("#upcoming_text").val()){  
      $("#upcoming_text").val($("#upcoming_text").val()+"<dt></dt>\n<dd></dd>");  
    }  
    else{  
      ("#upcoming_text").val($("#upcoming_text").val()+"\n<dt></dt>\n<dd></dd>");  
    }  
  }  
});

Answer 1

text 方法将返回元素的内部文本，这是来自 HTML 代码的原始值。您应该改用 val 方法，它会返回当前文本。