javascript - jQuery 查找 id 然后执行操作

Question

我正在努力让这段小代码发挥作用。我有一个普通的下拉菜单，我想把它变成一个下拉列表(选择)。

普通菜单附有一个“tm_active”id，用于显示您所在的页面。我想使用 jquery 并找到这个 id，然后在页面加载时根据您所在的页面选择正确的项目(而不是列表中的第一项)。

我做错了什么？谢谢。

$('table.topMenu tr').each(function(){
var list=$(this),
    select=$(document.createElement('select')).insertBefore($(this).hide()).change(function(){
  window.location.href=$(this).val();
});
$('>td a', this).slice(2).each(function(){
  var option=$(document.createElement('option'))
   .appendTo(select)
   .val(this.href)
   .html($(this).html());
  if($(this).attr('id') === 'tm_active'){
    option.attr('selected','selected');
  }
});
list.remove();
});

HTML

<table>
<tr>
<td class="top">
<a href="#">Section 1</a>
<div class="sub">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
</td>
<td class="top" id="tm_active">
<a href="#">Section 2</a>
<div class="sub">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
</td>
<td class="top">
<a href="#">Section 3</a>
<div class="sub">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
</td>
</tr>
</table>

Answer 1

您正在检查 anchor 标记的 id，您应该检查父 td:

$(this).parent().attr('id') === 'tm_active'

FIDDLE