试图按数字查找类的特定实例

Question

我想我只是在这个问题上遇到了心理障碍；也许一些新鲜的眼睛会有所帮助。

基本上，我有一些“菜单项”类的实例，单击它们时会通过 jQuery 调用单击函数并显示视频。我没有给每个 id 和一个类，而是试图找到单击了该类的哪个实例（1、2、3 等）。 只是似乎无法得到它。

//click listener for menu-items
 $('.menu-item').click(function(event)
 {
      var o = $('.menu-item');
      var count = o.length();                    

     switch(count)
     {
      case 0 :
       filename == 'letters';
      break;
      case 1 :
       filename == 'the-gift';
      break;
     }

  var videoPlayer = '<video controls  width="618px">';
  videoPlayer += '<source src="_video/' + filename + '.mp4" />';
  videoPlayer += '</video>';

  //place video   
  $('#videoCont').html(videoPlayer);
 });

我正在尝试在那里创建一个数组，其中“菜单项”的每个实例都是一个数组项。 （顺便说一句，现在我只是在添加 ogv 和 webm 格式之前使用 mp4 文件类型进行校对）。

感谢您的所有帮助！

Answer 1

除了@p.campbell 的解决方案。我不确定您的代码将如何工作。

var o = $('.menu-item')

将始终返回相同数量的项目，即具有 menu-item 作为类的项目数。为什么不将像文件名这样的属性设置为适当的值。像这样

<li class='menu-item' filename='letters'>Letters</li>

然后在你的点击处理程序中你可以做

var filename = $(this).attr('filename');

Answer 2

看来您实际上并没有为变量filename 赋值。您只是将变量的值与硬编码的字符串进行比较，而不是将 (true/false) 分配回任何内容。

你可能是这个意思？

switch(count)
{
  case 0 :
    filename = 'letters';
    break;

  case 1 :
    filename = 'the-gift';
    break;
}