Javascript 我在数组中得到相同的id

我有递归菜单功能从数据库。 我向它添加了一些jquery代码。 单击加号，然后可以看到所有父节点

稍后我将添加：添加编辑删除记录按钮到弹出窗口。 我创建了一个指向fa cog的click函数，但它总是显示在相同的id上

我从2天开始尝试，但无法在jquery脚本代码中显示正确的单击id。 我想在popover

窗口中显示正确的id。谢谢

<?php
// Select all entries from the menu table
$result=mysqli_query($baglan, "SELECT * FROM posts ORDER BY sira ASC");
// Create a multidimensional array to conatin a list of items and parents
$menu = array(
    'items' => array(),
    'parents' => array()
);
// Builds the array lists with data from the menu table
while ($items = mysqli_fetch_assoc($result))
{
    // Creates entry into items array with current menu item id ie. $menu['items'][1]
    $menu['items'][$items['id']] = $items;
    // Creates entry into parents array. Parents array contains a list of all items with children
    $menu['parents'][$items['kat_id']][] = $items['id'];
}


// Menu builder function, parentId 0 is the root
function buildMenu($parent, $menu)
{
$html = "";
$buton = '<a class="buton"><button class="btn btn-default btn-xs"><i class="fa fa-plus"></i></button> </a>';
   if (isset($menu['parents'][$parent])){
$html .= "<ul>";
$html .= '<div class="left" id="nav">';
    foreach ($menu['parents'][$parent] as $itemId){
      if(!isset($menu['parents'][$itemId])){
$Linkid = $menu['items'][$itemId]['id'];
$ayarbuton = '<a class="goster" id="'.$Linkid.'" href="#" data-toggle="tooltip" title="'.$Linkid.'"><button class="btn btn-danger btn-xs"><i class="fa fa-cog"></i></button> </a>';
$html .="<div class='editRecord'";
 $html .= "<li>".$ayarbuton.$menu['items'][$itemId]['isim'].$menu['items'][$itemId]['id']."</li>";
$html .="</div>";

 }

    if(isset($menu['parents'][$itemId])){
$Linkid = $menu['items'][$itemId]['id'];
$html .= "<div class='bs-example'><div id='myTooltips'>";
$ayarbuton = '<a class="goster" id="'.$Linkid.'" href="#" data-toggle="tooltip" title="'.$Linkid.'"><button class="btn btn-danger btn-xs"><i class="fa fa-cog"></i></button> </a>';

$html .= "<li>".$buton.$ayarbuton . $menu['items'][$itemId]['isim']." ID = " .$Linkid;
$html .= buildMenu( $itemId, $menu );
$html .= "</div></div></li>";

           }
        }

$html .= '</div>';
$html .= "</ul>";
   }
   return $html;
}
echo buildMenu(0, $menu);
global $Linkid;
?>


<script type="text/javascript">
$(document).ready(function(){
 $(".goster").click(function(){
    var linkID = $(".goster").attr("id");   
     alert(linkID);

$("#myTooltips a").tooltip({
    template : '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-head"><h3><span class="glyphicon glyphicon-info-sign"></span> <a href="<?php echo $Linkid ;?>"></a><?php echo $Linkid ;?></h3></div><div class="tooltip-inner"></div></div>'
    });    

});

   });
</script>


<script>
  $('#nav .buton').css({cursor: "pointer"}).on('click', function(){

 var txt = $(this).html() == '<button class="btn btn-default btn-xs"><i class="fa fa-plus"></i></button> '?'<button class="btn btn-default btn-xs"><i class="fa fa-minus"></i></button> ':'<button class="btn btn-default btn-xs"><i class="fa fa-plus"></i></button> ';

  $(this).html(txt);
  $(this).nextAll('ul').eq(0).slideToggle('fast');
            })
</script>

$（文档）.ready（函数（）{
$（“.goster”）。单击（函数（）{
变量linkID=$（“.goster”）.attr（“id”）；
警报（linkID）；
$（“#我的工具提示a”）。工具提示({
模板：“”
});    
});
});
$（'#nav.buton'）.css（{cursor:“pointer”}）.on（'click'，function（））{
var txt=$（this.html（）=''？''；
$（this.html（txt）；
$（this）.nextAll（'ul'）.eq（0）.slideToggle（'fast'）；
})

使用

“.goster”

选择器您正在选择所有具有

goster

类的元素，但无法确定实际单击了哪个元素。 为了获得特定的单击元素，您可以在

单击

回调中使用

this

。尝试将处理程序更改为

  $(".goster").click(function(e){
    var linkID = this.id; 
    alert(linkID);
  });

最后我会做的， 谢谢大家

<script type="text/javascript">
$(document).ready(function(){
$(".goster").click(function(e){
    var linkID = e.currentTarget.id; // e.target is the clicked element
    $(".goster").attr("href", linkID); // this will change the link URL
  });


  $("#myTooltips a").tooltip({
        template : '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-head"><h3><span class="glyphicon glyphicon-info-sign"></span> <a href="linkID"></a>TOOLTIP</h3></div><div class="tooltip-inner"></div></div>'
    });    

});

</script>

$（文档）.ready（函数（）{
$（“.goster”）。单击（函数（e）{
var linkID=e.currentTarget.id；//e.target是单击的元素
$（“.goster”）.attr（“href”，linkID）；//这将更改链接URL
});
$（“#我的工具提示a”）。工具提示({
模板：“工具提示”
});    
});

应使用

this.id

或

e.currentTarget.id

。

目标

将是子

好吧，我如何在这个脚本中的MYLINK中显示该id：$（document.ready（function（）{$（“.goster”）。单击（function（e）{.var linkID=e.currentTarget.id；//e.target是被单击的元素警报（linkID）；$（“#myTooltips a”）。工具提示({模板：'工具提示'}）；}）；很抱歉，这段代码不清楚。我只是在这里放了一个工作示例，尝试清理您的代码并将其放到一个小提琴中以获得更好的帮助。没有问题，只需使用codepen来显示php代码的实际输出。如果我的示例仍然不适用于您，请将您的postet代码减少到重要和不工作的部分。查看r更多信息。