Php jquery悬停选项，然后单击以加载页面

我的问题是：

我有一行div标记，当用户将鼠标悬停在这些标记上时，它们充当列的标题。div更改为排序选项，如ASC和DESC。我需要它们做的是，当用户单击其中一个选项时，将弹出一个警报，并单击选项值和div类名

示例：如果用户单击ASC，则会弹出一个警报，如果单击DESC，则会显示headerID ASC 1或headerID DESC 2

我这辈子都搞不懂。现在我正在用alert进行测试，然后我将使用.load（）加载带有排序选项的页面

div=headerID

排序=ASC

值=1

或

div=headerID

排序=描述

值=2

取决于单击的内容

---

演示我已经有了什么

这里是许多可能的解决方案之一

---

这里是许多可能的解决方案之一

像这样的事

像这样的事

---

我会将ASC和DESC文本制作成链接，其中包含与它们相关联的单击操作。然后，在

中单击
回调，提供您的操作：

    $(this).html('<span id="sortShow">\
                 <a href="#" class="asc">ASC</a> | \
                 <a href="#" class="desc">DESC</a></span>');
    $(this).on('click', 'asc', function(e) {
        e, preventDefault();
        alert('Ascending');
    }).on('click', 'desc', function(e) {
        e, preventDefault();
        alert('Descending');
    })

$（this.html（'\
| \
');
$（此）.on（'click'，'asc'，函数（e）{
e、 预防默认值（）；
警报（“上升”）；
}).on（'click'，'desc'，函数（e）{
e、 预防默认值（）；
警报（“下降”）；
})

这只是一个粗略的例子。另外，我建议不要在jQuery选择器中使用正则表达式，因为它们比其他选择器慢得多。div[class*=header]不好。尝试使用另一个类来区分标题。
我会将ASC和DESC文本制作成链接，其中包含与它们相关联的单击操作。然后，在
中单击
回调，提供您的操作：

    $(this).html('<span id="sortShow">\
                 <a href="#" class="asc">ASC</a> | \
                 <a href="#" class="desc">DESC</a></span>');
    $(this).on('click', 'asc', function(e) {
        e, preventDefault();
        alert('Ascending');
    }).on('click', 'desc', function(e) {
        e, preventDefault();
        alert('Descending');
    })

$（this.html（'\
| \
');
$（此）.on（'click'，'asc'，函数（e）{
e、 预防默认值（）；
警报（“上升”）；
}).on（'click'，'desc'，函数（e）{
e、 预防默认值（）；
警报（“下降”）；
})

这只是一个粗略的例子。另外，我建议不要在jQuery选择器中使用正则表达式，因为它们比其他选择器慢得多。div[class*=header]不好。尝试使用另一个类来区分标题。
我最终选择了这个解决方案。谢谢你的帮助！我最终选择了这个解决方案。谢谢你的帮助！