jquery - jQuery检测字符串是否包含某些内容

Question

我正在尝试编写 jQuery 代码来检测实时字符串是否包含一组特定的字符，然后该字符串会提醒我。

HTML

<textarea class="type"></textarea>

我的jQuery

$('.type').keyup(function() {
    var v = $('.type').val();
    if ($('.type').is(":contains('> <')")){
        console.log('contains > <');        
    }
    console.log($('.type').val());
});

例如，如果我输入以下内容

> <a href="http://google.com">Google</a> <a href="http://yahoo.com">Yahoo</a>

我的代码应该在控制台日志中提醒我字符串中存在 > <。

Answer 1

你可以用它String.prototype.indexOf来实现。尝试这样的事情：

$('.type').keyup(function() {
  var v = $(this).val();
  if (v.indexOf('> <') !== -1) {
    console.log('contains > <');
  }
  console.log(v);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea class="type"></textarea>

更新

现代浏览器也有一个String.prototype.includes方法。

Answer 2

你得到 textarea 的值，使用它：

$('.type').keyup(function() {
    var v = $('.type').val(); // you'd better use this.value here
    if (v.indexOf('> <')!=-1) {
       console.log('contains > <');        
    }
});

Answer 3

您可以使用 javascript 的 indexOf 函数。

var str1 = "ABCDEFGHIJKLMNOP";
var str2 = "DEFG";
if(str1.indexOf(str2) != -1){
   alert(str2 + " found");
}

Answer 4

使用 jQuery 的Contains 像这样包含

if ($('.type:contains("> <")').length > 0)
{
 //do stuffs to change 
}