为什么这不起作用?
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
,但是 - 它不是。
答案 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>