Question

在以下代码中：

<div class="dropdown">
                <a href="/Activites" id="menu_item_activites">
                  <span><i class="icon-svg_3_activite"></i>Activités
                  </span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="/Coloriage">Coloriages</a></li>
                    <li><a href="/Activites/Cuisine">Cuisine</a></li>
                    <li><a href="/Activites/Boutique">Boutique</a></li>
                </ul>
            </div>

点击＆＃34; Coloriages＆＃34;链接，我想检索上面最近的ID，所以＆＃34; menu_item_activites＆＃34;或者文本。

我尝试了很多东西，包括： var x = $（this）.closest（＆＃34; span＆＃34;）。text（）; 警报（X）;

但这会让我回复一个警告？

谢谢！

Answer 1

你走了。 return false;仅在那里，以便下面的代码段不是404：）

＆＃13;

$(".dropdown-menu a").click(function() {
  var x = $(this).parents("div").find("a").attr("id");
  console.log(x);
  return false;
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dropdown">
  <a href="/Activites" id="menu_item_activites">
    <span><i class="icon-svg_3_activite"></i>Activités
                  </span>
  </a>
  <ul class="dropdown-menu">
    <li><a href="/Coloriage">Coloriages</a></li>
    <li><a href="/Activites/Cuisine">Cuisine</a></li>
    <li><a href="/Activites/Boutique">Boutique</a></li>
  </ul>
</div>

＆＃13;

Answer 2

以下是下面的确切代码，

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

	<script>
		$(document).ready(function(){
			$('.dropdown-menu a').click(function(e){
				e.preventDefault();
				console.log($(this).closest('.dropdown-menu').prev().attr('id'));
			});
		});
	</script>
</head>
<body>
<div class="dropdown">
	<a href="/Activites" id="menu_item_activites">
		<span><i class="icon-svg_3_activite"></i>Activités
		</span>
	</a>
	<ul class="dropdown-menu">
		<li><a href="/Coloriage">Coloriages</a></li>
		<li><a href="/Activites/Cuisine">Cuisine</a></li>
		<li><a href="/Activites/Boutique">Boutique</a></li>
	</ul>
</div>
</body>
</html>

其他人可以根据您的需要进行修改。

查找（父类）ID

2 个答案: