使用Javascript Regex在鼠标悬停期间获取部分Href

时间:2014-11-08 20:24:35

标签: javascript regex href

我在下面有这个Html代码

<div class="first-div">
    <ul>
        <li><a href="http://localhost/wordpress/2014/04/18/post-format-audio-2/#php">PHP</a></li>
        <li><a href="http://localhost/wordpress/2014/04/18/post-format-audio-2/#css">CSS</a></li>
        <li><a href="http://localhost/wordpress/2014/04/18/post-format-audio-2/#html">HTML</a></li>
    </ul>
</div>

<div class="second-div"></div>

我希望鼠标悬停在PHP,CSS和HTML Link上时:

  1. 创建Javascript REGEX以获取(php,css,html)而没有来自first-div中href的#sign。
  2. 然后将(php,css,html)作为ID添加到second-div。

1 个答案:

答案 0 :(得分:2)

您不需要正则表达式,#之后的部分是哈希值,并且可以直接使用。

$('a').on('mouseover', function(e) {
    e.preventDefault();

    $('.second-div').prop('id', this.hash.substr(1));
});

不确定为什么你会动态设置ID,但不管你的山羊是什么漂浮的!

enter image description here