Question

第1行：

<input id="Text1" type="text" /><input id="Button1" type="button" value="button" /><br />

第2行：

<a target="_blank" href="http://search.twitter.com/search?q=#msdhoni">#msdhoni</a>

我想要的 - 当用户在文本框中输入一些东西（在第1行）时，在点击按钮（第1行）时应该成为div的标题（第2行）。实际上想要用文本框中的文本输入替换代码中的#msdhoni。

我使用的Jquery代码:(请建议更改此代码以使其成为可能）

String.prototype.linkify=function(){
return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&;\?\/.=]+/g,function(m){
    return m.link(m);
});
};
String.prototype.linkuser=function(){
return this.replace(/[@]+[A-Za-z0-9-_]+/g,function(u){
    return u.link("http://twitter.com/"+u.replace("@",""));
});
};
String.prototype.linktag=function(){
return this.replace(/[]+[A-Za-z0-9-_]+/,function(t){
    return t;
});
};

var showTweetLinks='none';
function fetch_tweets(elem){
elem = $(elem);

keyword = escape(elem.attr('title'));


num=elem.attr('class').split(' ').slice(-1);

var url = "http://search.twitter.com/search.json?q=" +keyword+ "&rpp=" + num + "&callback=?";
$.getJSON(url,function(json){
    $(json.results).each(function(){
        var tTime=new Date(Date.parse(this.created_at));
        var cTime=new Date();
        var sinceMin=Math.round((cTime-tTime)/60000);
        if(sinceMin==0){
            var sinceSec=Math.round((cTime-tTime)/1000);
            if(sinceSec<10)
                var since='less than 10 seconds ago';
            else if(sinceSec<20)
                var since='less than 20 seconds ago';
            else
                var since='half a minute ago';
        }
        else if(sinceMin==1){
            var sinceSec=Math.round((cTime-tTime)/1000);
            if(sinceSec==30)
                var since='half a minute ago';
            else if(sinceSec<60)
                var since='less than a minute ago';
            else
                var since='1 minute ago';
        }
        else if(sinceMin<45)
            var since=sinceMin+' minutes ago';
        else if(sinceMin>44&&sinceMin<60)
            var since='about 1 hour ago';
        else if(sinceMin<1440){
            var sinceHr=Math.round(sinceMin/60);
            if(sinceHr==1)
                var since='about 1 hour ago';
            else
                var since='about '+sinceHr+' hours ago';
        }
        else if(sinceMin>1439&&sinceMin<2880)
            var since='1 day ago';
        else{
            var sinceDay=Math.round(sinceMin/1440);
            var since=sinceDay+' days ago';
        }
        var tweetBy='<a class="tweet-user" target="_blank" href="http://twitter.com/'+this.from_user+'">@'+this.from_user+'</a> <span class="tweet-time">'+since+'</span>';
        if(showTweetLinks.indexOf('reply')!=-1)
            tweetBy=tweetBy+' &middot; <a class="tweet-reply" target="_blank" href="http://twitter.com/?status=@'+this.from_user+' &in_reply_to_status_id='+this.id+'&in_reply_to='+this.from_user+'">Reply</a>';
        if(showTweetLinks.indexOf('view')!=-1)
            tweetBy=tweetBy+' &middot; <a class="tweet-view" target="_blank" href="http://twitter.com/'+this.from_user+'/statuses/'+this.id+'">View Tweet</a>';
        if(showTweetLinks.indexOf('rt')!=-1)
            tweetBy=tweetBy+' &middot; <a class="tweet-rt" target="_blank" href="http://twitter.com/?status=RT @'+this.from_user+' '+escape(this.text.replace(/&quot;/g,'"'))+'&in_reply_to_status_id='+this.id+'&in_reply_to='+this.from_user+'">RT</a>';
        var tweet='<div class="tweet"><div class="tweet-left"><a target="_blank" href="http://twitter.com/'+this.from_user+'"><img width="48" height="48" alt="'+this.from_user+' on Twitter" src="'+this.profile_image_url+'" /></a></div><div class="tweet-right"><p class="text">'+this.text.linkify().linkuser().linktag().replace(/<a/g,'<a target="_blank"')+'<br />'+tweetBy+'</p></div><br style="clear: both;" /></div>';
        elem.append(tweet);
    });
});
return(false);
}
$(function(){
showTweetLinks=showTweetLinks.toLowerCase();
if(showTweetLinks.indexOf('all')!=-1)
    showTweetLinks='reply,view,rt';
$('.twitStream').each(function(){
    fetch_tweets(this);
});
});

Answer 1

您的问题到处都是 - 问题/ HTML / JavaScript不匹配....下面是一种更新href和anchor的文字的方式（不是{{ 1}}）点击按钮

div

JavaScript：

<input id="Text1" type="text" /><input id="Button1" type="button" value="button" /><br />
<a id="Link1" target="_blank" href="http://search.twitter.com/search?q=#msdhoni">#msdhoni</a>

注意：您需要向锚点添加$('#Button1').click(function() { $('#Link1').attr('href',"http://search.twitter.com/search?q=#" + $('#Text1').val()); $('#Link1').text("#" + $('#Text1').val()); });才能使此代码正常工作

将html文本框的值赋给div的标题

1 个答案: