Question

<li class="treeview">
  <a href="#">
    <i class="fa fa-laptop"></i>
    <span>Configuration</span>
    <span class="pull-right-container">
      <i class="fa fa-angle-left pull-right"></i>
    </span>
  </a>
  <ul class="treeview-menu" style="display: none;">
    <li>
      <a href="/Home/General"><i class="fa fa-circle-o"></i> General</a>
    </li>
  </ul>
</li>

请帮我选择点击的元素。我尝试了以下但是它没有用。

 $("ul.treeview").click(function () {
    $(this).parent().addClass('active').siblings().removeClass('acive');
});

Answer 1

您将click事件分配给错误的元素。尝试：

$("ul.treeview-menu").siblings().click(function (e) {
  $(this).find('a') // do whatever with it
});

这样您就可以在菜单中选择<a>。

Answer 2

＆＃13;

 $("li.treeview").click(function() {
   $(this).parent().addClass('active').siblings().removeClass('acive');
 });

＆＃13;

.active {
  background-color: red
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li class="treeview">
    <a href="#">
      <i class="fa fa-laptop"></i>
      <span>Configuration</span>
      <span class="pull-right-container">
                    <i class="fa fa-angle-left pull-right"></i>
                </span>
    </a>
    <ul class="treeview-menu" style="display: none;">
      <li><a href="/Home/General"><i class="fa fa-circle-o"></i> General</a>
      </li>
      <li><a href="/Home/Test"><i class="fa fa-circle-o"></i> Test</a>
      </li>
    </ul>
  </li>
</ul>

＆＃13;

检查一下

Answer 3

如果您尝试在单击的列表项中选择一个标记，则可以使用

$("ul .treeview").click(function () {
  $("ul .treeview a").removeClass("active")
  var x = $(this).find('a');
  x.addClass("active")
});

Answer 4

尝试以下可能有用的代码。

$("ul .treeview").click(function () {
    $(this).siblings().removeClass('active');
    $(this).addClass('active');
});

删除所有相同级别li的活动类，并添加活动类以单击它。

无法选择点击的href

4 个答案: