我有两组带有动态ID的链接。第一组在视图中隐藏(display:none;)。我需要点击第二个集合中的链接触发第一个集合中的链接点击,基于匹配的ID。
这是我的代码:
HTML输出
// Hidden from user
<div class="set1">
<div class="alm-filter alm-filter--taxonomy" id="alm-filter-2">
<ul>
<li><a href="javascript:void(0);" class="alm-filter--link field-radio field-test10" id="radio-test10-2">Link 1</a></li>
<li><a href="javascript:void(0);" class="alm-filter--link field-radio field-test11" id="radio-test11-2">Link 2</a></li>
</ul>
</div>
</div>
// Displayed to user
<div class="set2">
<div class="alm-filter alm-filter--taxonomy" id="alm-filter-2">
<ul>
<li><a href="javascript:void(0);" class="alm-filter--link field-radio field-test10" id="radio-test10-2">Link 1</a></li>
<li><a href="javascript:void(0);" class="alm-filter--link field-radio field-test11" id="radio-test11-2">Link 2</a></li>
</ul>
</div>
</div>
到目前为止我的Jquery:
$(document).on('click', '.industry-filter-terms #alm-filter-2 .alm-filter--radio .alm-filter--link', function(event) {
event.preventDefault();
var set2LinkId = $(this).attr('id');
var set1LinkId = $( '.expertise-filter-terms #alm-filter-2 ' + myClass );
$( this ).trigger( 'click' );
});
所以基本上我尝试做的就是点击设置链接,获取它的ID,找到第一组中带有匹配ID的链接并单击它。到目前为止,我甚至无法使用var set1LinkId返回除了空数组之外的任何东西。我对排序事件不是很有经验,我到处都看,但不知道该做什么......帮忙?