javascript - 如何确定 $(this) 是否在点击事件的数组中

Question

我在 4 个数组中有一组 id 值。每个数组都将被分配一个我尚未输入的 h1 和 p 文本值。现在，我只是想让它在单击数组图形设计中的图像之一时发出警报。我尝试使用 $.inArray

DEMO

var graphicDesign = [$('#design'), $('#DD'), $('#SElogo')];
var webDesign = [$('#bootstrap'), $('#farm'), $('#pong'), $('#SE'), $('#dung')];
var programming = [$('#SE'), $('#dung'), $('#sacar')];
var other = [$('#firm')];

function categories() {
  if ($.inArray(this, graphicDesign) > -1) {
    alert('hello');
  }
}

Answer 1

您不应该将 DOM 对象存储在数组中并尝试将它们与 $.inArray 进行匹配。使用 ids 或其他属性将是更好的解决方案。

例如:

https://jsfiddle.net/1f9xd3t0/

var graphicDesign = ['design', 'DD', 'SElogo'];

function categories(id) {
  if ($.inArray(id, graphicDesign) > -1) {
    alert('hello');
  }
}  

categories('design');