javascript – 如何将div元素中的工具提示添加到我表中的li元素？

2023年7月5日 96次阅读

我在我的网站上使用
PHP,MySQL,jQuery,Smarty等.

我想在我的一个网页上实现工具提示功能.为此,我开发了一些示例jQuery代码作为概念证明.

见Proof of Concept Fiddle.

但是,当我尝试在我的网站中实现相同的功能时,我遇到了一些问题.在我的网页上,我正在使用< table>我想在其中使用jQuery功能.

有人可以帮我这方面吗？

在小提琴我点击一个图像显示工具提示菜单,但在我的网站上,我想在“报告问题 – QUE37261”和其他类似标题的文本上显示工具提示.

HTML代码如下：

<table class="base-table selection-table" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:15px;">
    <tr class="evenRow" id="37261">
        <td class="question">
            <ul class="tabl-head">
                <li>Question 1.</li>
                <li class="center-align">**Report question issue - QUE37261**</li>
                <li class="right-align"><a class="change_ps_question" href="change_practice_sheet_question.php?question_id=37261&practice_sheet_id=3"><label class="bright" style="cursor:pointer;" >Change Question</label></a>
                </li>
            </ul>
            <ul class="options w-auto">
                <li><strong>Question:</strong>
Pair of contrasting characters controlling the same trait is called:</li>
                <li><strong>Answer:</strong>

                    <p><b style="font-size:13px;">1.</b>&nbsp;&nbsp; Factors
                        <br />
                    </p>
                    <p><b style="font-size:13px;">2.</b>&nbsp;&nbsp; alleles
                        <br />
                    </p>
                    <p><b style="font-size:13px;">3.</b>&nbsp;&nbsp; alloloci
                        <br />
                    </p>
                    <p><b style="font-size:13px;">4.</b>&nbsp;&nbsp; paramorphs
                        <br />
                    </p>
                </li>
                <li><strong>Correct Answer Option : 2</strong>
                </li>
            </ul>
        </td>
    </tr>
</table>

实际表太大,包含许多记录.为简洁起见,我只展示了一条记录.

最佳答案 您可以添加title属性以显示工具提示.

点赞