Question

我有一个简单的html菜单，当单击一个菜单项时，会在锚标记（即菜单项）中添加一个“mg_cats_selected”类。

我想复制活动/选定锚标记的文本值并将其显示在页面上的另一个div中，但我想只显示一次。单击新项目链接时，我想从我创建它的单独div中删除旧值，并显示新选择的菜单项的新值。

我希望这是有道理的。

这是HTML菜单

<div id="mgf_165" class="mg_filter mg_new_filters">

    <a rel="163" id="163" class="mgf_id_163 mgf mg_cats_selected left_menu" href="javascript:void(0)">Bathrooms Sinks</a>

    <a id="164" rel="164" class="mgf_id_164  mgf  left_menu" href="javascript:void(0)">Bowed</a>

</div>

这是我想要显示文本值的jQuery和div。

<script type="text/javascript">
jQuery(document).ready(function(){
    console.log('test');
    jQuery("a.left_menu").click(function(){
         var txt = jQuery("a.left_menu").text();
         //$(this).attr('rel');
         jQuery("#category").append(txt);
    });
});
</script>

<div id="category">
</div>

当我点击时，说“鞠躬”，这会显示在div

中

浴室水槽

如果我再次点击“浴室水槽”，同样的事情重复

浴室水槽浴室浴室水槽

我该如何处理？我在这里遵循了正确的逻辑吗？

Answer 1

您目前正在获取所有菜单项的文本，然后将其附加到div。

您需要获取所单击菜单项的文本，然后将div的内容设置为该菜单项的文本值。

jQuery(this)     // the clicked menu item
jQuery('#category').text('VALUE')   // set the text content of the tag to VALUE

Working solution on JSFiddle.

请参阅Inside the Event Handling Function以了解有关jQuery事件处理的更多信息。

使用jQuery在div中显示所选/活动链接

1 个答案: