Question

我有以下代码：

<div class=myClass>
  <a href="#" id="click">Click for option Tata</a>
</div>

<div class="selectMultiContent">
 <ul class="selectMultiList library">
   <li data-value="517" class="">Tata</li>
   <li data-value="389" class="">Titi</li>
   <li data-value="387" class="">Toto</li
 </ul>
</div>

当我点击＆＃39; a＆＃39;链接，我想模拟点击fisrt＆＃39; li＆＃39;触发器。

但是怎么做？我希望使用触发器，但在这种情况下似乎很难使用。

你能帮我吗？

Answer 1

您可以拥有一个点击处理程序，可以根据li属性选择data-value，例如

$('#click').click(function(){
    $('.selectMultiList li[data-value="517"]').click()
})

Answer 2

你可以通过调用JS方法来实现：

<a href="javascript:clickOnOption(517)" id="click">Click for option Tata</a>

function clickOnOption(activeElement){
    $('.selectMultiList li[data-value="'+activeElement+'"]').click();
}

Answer 3

使用jQuery可以使它非常动态，只需确保class和data-item属性匹配

作为一个例子，我只是让它提醒数据值。如果您将数据项更改为＆＃34; titi＆＃34;它会提醒389

示例：

＆＃13;

$('.clicker').on('click', function (e) {
    $('.' + $(this).attr('data-item')).trigger('click');
});

$('.library li').on('click', function () {
    alert($(this).attr('data-value'));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="myClass">
    <a href="#null" class="clicker" data-item="tata">Click for option Tata</a>
</div>
<div class="selectMultiContent">
    <ul class="selectMultiList library">
        <li data-value="517" class="tata">Tata</li>
        <li data-value="389" class="titi">Titi</li>
        <li data-value="387" class="toto">Toto</li>
    </ul>
</div>

＆＃13;

如何选择这个元素？

3 个答案: