在使用元素悬停时更改文本时抓取onclick事件的文本

时间:2015-11-28 07:54:25

标签: javascript jquery html css

我正在尝试抓取所点击的内容 找到一个jquery弹出菜单后,我可以看到css正在悬停改变它的颜色,所以我添加了一个

我用html,css和javascript创建了一个小提琴,显示了我正在使用的代码

http://jsfiddle.net/bthorn/rcfgt0kj/

我知道我在正确的位置,因为我在此代码中添加了一个点击调试,然后"这个"但我不知道的是如何抓住悬停的文本"这个"简单地抓住太多了。

$(".flexdropdownmenu").click(function () {
    console.log('click');
    console.log(this);

});

HTML (它在小提琴中)

<div id="wrap">
    <input type="text" data-flexmenu="flexmenu1" value="dropdown">
    <!--<a href="#" data-flexmenu="flexmenu1">Chose Status</a>-->

    <!--HTML for Flex Drop Down Menu 1-->
    <ul id="flexmenu1" class="flexdropdownmenu">
        <li>
            <a href="#">CCO</a>
            <ul>
                <li><a href="#">Sub Item 3.1a</a></li>
                <li><a href="#">Sub Item 3.2a</a></li>
                <li><a href="#">Sub Item 3.3a</a></li>
                <li><a href="#">Sub Item 3.4a</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Item Folder 5a</a>
            <ul>
                <li><a href="#">Sub Item 5.1a</a></li>
                <li>
                    <a href="#">Item Folder 5.2a</a>
                    <ul>
                        <li><a href="#">Sub Item 5.2.1a</a></li>
                        <li><a href="#">Sub Item 5.2.2a</a></li>
                        <li><a href="#">Sub Item 5.2.3a</a></li>
                        <li><a href="#">Sub Item 5.2.4a</a></li>
                    </ul>
                </li>
            </ul>
        </li>

    </ul>

1 个答案:

答案 0 :(得分:2)

尝试以下代码

$(".flexdropdownmenu").click(function (e) {

    console.log($(e.target).text());

})