Javascript/jQuery : Change li class and style depending on the IMG ALT inside

Question

我需要一些帮助。基本上我有以下我一直在使用的代码。我不确定是否会有所帮助...

$('#options-1').change(function () {
  -----blahblah
});

options-1 是我的下拉菜单。它有两个选项，一个值为“1”，另一个值为“2”。你们能不能帮我想出一些东西来做以下事情:

当我选择值为“1”的选项时，它应该这样做:1) 找到包含“img”标签的“li”标签。 “IMG”标签的“alt”或“title”属性为 1，对应于下拉菜单的值 (1)。

2) 代码应将 LI 标记从:

class="" style="display: none;"

到

class="active" style="display: block;"

而且，如果我选择值“2”或值“3”等的选项，也会发生同样的事情。

非常感谢您!我将不胜感激任何帮助，建议等。正如您可能会说的那样，我对 javascript/jquery 不是很有经验(还 :D)。

Answer 1

$('#options-1').change(function () {
  $('li:has(img[alt="'+$(this).val()+'"])').addClass('active').show();
});