Fatal编程技术网

Javascript 使用jquery操作href

javascript jquery

Javascript 使用jquery操作href,javascript,jquery,Javascript,Jquery,我需要使用jquery在客户端设置单个classest（社交链接twitter、社交链接facebook、社交链接linkedin）的href URL。如何捕获href用户单击的内容，然后设置URL <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <!--JQuery-->

我需要使用jquery在客户端设置单个classest（社交链接twitter、社交链接facebook、社交链接linkedin）的href URL。如何捕获href用户单击的内容，然后设置URL

    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <!--JQuery-->
    <script type="text/javascript" src="http://components.nhmwebdev.co.uk/scripts/jquery-1.10.2.min.js"></script>

    <script type="text/javascript">
        $(".profile li a").click(function (e) {
            e.preventDefault();
            var title = $(this).attr("title");
            if (title == "pFacebook") $(this).attr("href", "yourHrefValueForFacebook");
        });




    </script>

</head>
<body>
    <ul class="no-list social-links profile overflow-fix clear-fix push50">
        <li class="social-links-twitter">
            <a href="#" title="pTwitter">t</a>
        </li>
        <li class="social-links-facebook">
            <a href="#" title="pFacebook">f</a>
        </li>
        <li class="social-links-linkedin">
            <a href="#" title="pLinkedin">l</a>
        </li>
    </ul>
</body>
</html>


$（“.profile li a”）。单击（函数（e）{
e、 预防默认值（）；
var title=$（this.attr（“title”）；
if（title==“pFacebook”）$（this.attr（“href”，“yourHrefValueForFacebook”）；
});

    

  • 

    • 

  • 

    • 

  • 

    •
将通用处理程序绑定到该列表，并检查锚定
标题
属性：

$(".social-links li a").click(function(e) {
    e.preventDefault();
    var title = $(this).attr("title");
    if (title == "Facebook") $(this).attr("href", "yourHrefValueForFacebook");
});
您可以使用
$（选择器）.attr（“href”）
获取href，并使用
$（选择器）.attr（“href”，“newurl”）
进行设置

例如：

$（“.social links twitter a”）.attr（“href”）
将获取您的社交链接twitter链接的href。

或者尝试此链接，这样您就不需要if语句了

$(document).ready(function () {
    $(".social-links a[title=Facebook]").attr("href", "yourHrefValueForFacebook");
});
试试这个

$(document).ready(function(){
    $('.social-links a').click(function(e){
        switch($(this).attr('title')){
            case 'pTwitter':
                $(this).attr('href','yourTwitterUrl');
                break;
            case 'pFacebook':
                $(this).attr('href','yourFacbookUrl');
                break;
            case 'pLinkedin':
                $(this).attr('href','yourLinkedinUrl');
                break;
            default:
                e.preventDefault();
                break;
        }   
    });
});
不确定你想要实现什么。但是不使用.click，您可以像这样将逻辑移动到.ready（）

$(document).ready(function(){

    $(".no-list li a").each(function(e,v){
        //e.preventDefault();
        //alert($(v));
        var title = $(v).attr("title");
        if (title == "pFacebook") $(v).attr("href", "http://facebook.com");
    });
});
你期望的行为是什么？改进您的问题请将单击事件处理程序添加到
a
或
li
元素？这似乎是一个相当基本的问题。如果您是jQuery新手，我强烈建议您阅读jQuery教程，其中包括以下内容：，为什么要在单击链接后设置
href
？为什么不把它们都设置好呢？我不能让它工作，请看上面的代码