javascript - 如何通过知道节点的值来访问dom && 通过只知道值来获取accordion的索引

Question

我有 2 个问题:

1) 因为我的 html 内容结构相似，唯一的区别是类标题内容不同。我也尝试使用 $(div .title:contains("cat"))$(div .title).text()="cat")

2)如何通过检查 $(div a) 内容是否为必需内容来获取 Accordion 的索引。我尝试使用 $(div a).text()=="cat"

在此处检查代码:

HTML1 内容

    <div class="mod moduleselected" id="mod969">
    <div class="content module moduleselect">
    <div class="hd" ><div class="inner">
    <div class="title">cat</div>
    <ul class="terminallist"></ul>
    <ul class="buttons">
    <li class="help"></li>
    <li class="show" ></li>
    </ul>
    </div>
    </div>
    </div>

    <div class="mod moduleselected" id="mod969">
    <div class="content module moduleselect">
    <div class="hd" ><div class="inner">
    <div class="title">rat</div>
    <ul class="terminallist"></ul>
    <ul class="buttons">
    <li class="help"></li>
    <li class="show" ></li>
    </ul>
    </div>
    </div>
    </div>

<div class="mod moduleselected" id="mod969">
    <div class="content module moduleselect">
    <div class="hd" ><div class="inner">
    <div class="title">dog</div>
    <ul class="terminallist"></ul>
    <ul class="buttons">
    <li class="help"></li>
    <li class="show" ></li>
    </ul>
    </div>
    </div>
    </div>

Accordion

        <div id="dia">
        <div id="dialog" title="Detailed FeedBack ">
        <div id="accordion">
        <h3><a href="#">dog</a></h3>
        <h3><a href="#">cat</a></h3>
        <h3><a href="#">rat</a></h3>
        </div>
        </div>
        </div>

Javascript

        $('div .title').mouseover(function() {
    if($("div a").text().indexOf("cat")!=-1)
    {
    $("#accordion").accordion("activate", 1);
    }
    $('div .title').mouseleave(function(){$("#accordion").accordion("activate", -1); });
        });

这是我尝试使用这段 javascript 代码执行的操作。当我将鼠标悬停在猫内容上时，我希望打开包含猫内容的 Accordion 。当我离开它来关闭 Accordion 选择时。

当我将鼠标悬停在 html 内容 cat ,rat 上时。它应该并排打开这些内容的 Accordion 按钮。示例:我将鼠标悬停在rat(html内容)上，我应该看到 Accordion rat打开(或事件，即内容可见)。

Answer 1

Updated (see demo)

听起来你想要这样的东西:当内容部分悬停在上面时，找到该部分的标题，将其文本与 <a> 的文本进行匹配。 Accordion 中的元素，并激活该部分:

$(function() {
    $("#accordion").accordion();

    var links = $('#accordion a').map(function() {
        return $(this).text().trim().toLowerCase();
    }).toArray();

    $('div.content').mouseover(function() {
        var title = $(this).find('div.title').text().toLowerCase();
        var index = links.indexOf(title);
        if (index != -1) {
            $("#accordion").accordion("activate", index);
        }
    });
});​

附注jQuery 确实有一个 .hover() 方法也是如此。