如何选择具有以...开头的属性的所有元素

Question

我正在尝试选择以“框”开头的所有元素。这是我现有的代码：

if (($(this).attr('title') == 'Box a') || ($(this).attr('title') == 'Box b')) || ($(this).attr('title') == 'Box c')) {
// do stuff
 }

有没有办法缩短这个？

由于

Answer 1

使用CSS符号是可能的！

^符号。

$(element[title^='box']);

选择标题字段以element开头的所有box元素。

更新：

试试这个。

var regEx = /^Box/;

if(regEx.test($(this).attr('title'))){

}

Answer 2

你可以使用：

$('[title^=box]')

或者，为了简化搜索，您可以这样做，

var title = $(this).attr('title').replace("Box ", "");
if(['a', 'b', 'c'].indexOf(title) != -1)
{
  //do stuff
}

说明：

• replace是一个JS函数，它将使用第二个参数替换您作为parameter1发送的任何字符串。在这里，我将“Box”（包含空格）替换为“”，实际上从字符串中删除它并关闭它。 Docs here
• ['a','b','c']是一个数组。要搜索该数组，您可以indexOf。如果函数返回-1，则表示标题中没有a或b或c。 Docs here

但是，如果你只是想检查元素的标题是否以“Box”开头，你可以这样做：

 var title = $(this).attr('title').split(" ")[0]; //this would give you "Box" alone
 if(title.indexOf("Box") != -1)
 {
      //do stuff
 }

希望这可以解决问题！