如何通过知道节点的值来访问dom&&只要知道价值就可以得到手风琴的索引

How to access the dom by knowing the value of a node && Getting the index of accordion by just knowing value

本文关键字：amp 就可以 手风琴 索引 访问 dom 节点 何通过      更新时间：2024-05-31

我有两个问题：

1） 由于我对html内容有类似的结构，唯一的区别是类标题内容不同。我还尝试使用$（div.title:contains（"cat"））$（div.title）.text（）="cat"）

2） 如何通过检查$（diva）内容是必需的内容来获得手风琴的索引。我尝试使用$（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>

Accordian

        <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代码做的事情。当我把鼠标放在猫的东西上时，我想打开装有猫的东西的手风琴。当我离开它关闭手风琴选择。

当我把鼠标悬停在html内容上时，cat，rat。它应该并排打开那些内容的手风琴按钮。示例：我在rat（html内容）上悬停，我应该看到手风琴rat打开（或活动，即内容可见）。

更新（见演示）

听起来你想要这样的东西：当内容部分悬停在上面时，找到该部分的标题，将其文本与手风琴中<a>元素的文本相匹配，然后激活该部分：

$(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);
        }
    });
});​

p.S.jQuery也有一个.hover()方法。

它应该像下面一样简洁（有可能的小调整）：

$('.content .title').hover(function(e){
    var index = this.textContent.split(/'W/)[1] - 1;    
    $("#accordion").accordion('activate', index);
});
​

使用HTML时要小心，因为这个正则表达式过于简单，因为它只获取最后一个"单词"，在您的示例中，这个单词是一个数字。我们减去一得到一个从零开始的索引。如果向元素中添加更多的文本，则会中断。

请参阅：http://jsfiddle.net/35yGV/

相关文章：