Question

我希望有人能帮我解决一个小问题。我有一张桌子,有些细胞包含一个迪夫(div ) ( 设置隐藏 ) 。鼠标在那个细胞的上面,我希望这个迪夫能够被看到。下面是表格代码的摘录。

我需要的脚本应该检查单元格是否包含 div ; 在鼠标盘旋 div 时, 请显示并隐藏其它的脚本。如果光标没有在盘旋 div, 那么它不应该显示任何 div 。

<table>
    <tr>
        <th>Header One</th>
        <th>Header Two</th>
        <th>Header Three</th>
    </tr>
    <tr>
        <td>Something One
        <div id="wrapper1" class="hoverinfo" style="display:none;">
            <ul>
                <li>
                List Object One
                </li>
                <li>
                List Object Three
                </li>
                <li>
                List Object Four
                </li>
            </ul>
        </div></td>
        <td>Something Two</td>
        <td>Something three</td>
    </tr>
    <tr>
        <td>Something One</td>
        <td>Something Two
        <div id="wrapper2" class="hoverinfo" style="display:none;">
            <ul>
                <li>
                List Object five
                </li>
                <li>
                List Object six
                </li>
            </ul>
        </div></td>
        <td>Something three</td>
    </tr>
    <tr>
        <td>Something One
        <div id="wrapper2" class="hoverinfo" style="display:none;">
            <ul>
                <li>
                List Object seven
                </li>
                <li>
                List Object eight
                </li>
            </ul>
        </div></td>
        <td>Something Two</td>
        <td>Something three</td>
    </tr>
</table>

Answer 1

$( td > div.hoverinfo ).mouseover(function() {
    $( td > div.hoverinfo ).hide();
    $(this).show();
});

友情链接