jquery - 使用jquery鼠标悬停

Question

您好，我在内容编辑器 Web 部件中的代码如下所示

但是即使我将鼠标悬停在第一项上，我也会收到所有超链接的描述。请让我知道如何以这种方式更改代码，以便它只显示我悬停的项目的描述。如果我不清楚，请告诉我。

我的 XSL 代码:

谢谢

Answer 1

它应该类似于以下内容，但是您可以分享您当前的标记吗？

您的示例标记(在下面的答案中给出)似乎简化为:

<div class="divTitleLink">
    <a target="_blank"> ... Link 1 </a>
</div>
<div class="divDescription">
    ... Description 1
</div>
<div class="divTitleLink">
    <a target="_blank"> ... Link 2 </a>
</div>
<div class="divDescription">
    ... Description 2
</div>
<div class="divTitleLink">
    <a target="_blank"> ... Link 3 </a>
</div>
<div class="divDescription">
    ... Description 3
</div>

执行您想要执行的操作的 jQuery 看起来像这样:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.divTitleLink a').hover(
            function () {
                $(this).parents('.divTitleLink').next('.divDescription').show();
            },
            function () {
                $(this).parents('.divTitleLink').next('.divDescription').hide();
            } 
        ); 
    });  
</script>