JQueryを使用してスパンの値を設定する方法


371

JQueryを使用してスパンの値を設定する方法。

たとえば…以下は私のスパンです

<span id="submittername"></span>

私のJQueryコードで…

 <script type="text/javascript">
jQuery.noConflict();

jQuery(document).ready(function($){

    var invitee = $.ajax({
        type: "GET",
        url: "http://localhost/FormBuilder/index.php/reports/getInvitee/<?=$submitterid;?>",
        async: false
    }).responseText;

    var invitee_email=eval('(' + invitee + ')');
    var submitter_name=$.map(invitee_email.invites, function(j){ 
        return j.submitter;
    });         
    alert(submitter_name); // alerts correctly 
    $("#submittername").text(submitter_name); //but here it is not working  WHy so??????
});


1
スパンのIDのスペルを間違えました(submitternameの代わりにsubmitter)。
kgiannakakis 09/09/29

回答:


737

できるよ:

$("#submittername").text("testing");

または

$("#submittername").html("testing <b>1 2 3</b>");

3
.textと.htmlの違いは何ですか?
ZaidRehman

4
@Zaid .text()はHTML文字をエスケープして、テキストとして表示できるようにします。.html()ブラウザでレンダリングするHTMLコードを挿入する場合に使用します。詳細:api.jquery.com/text/#text2
ガブリエルルチ

20

jQuery(document).ready(function($) {}ここでは、のjQuery代わりに使用している手段を使用しています$。したがって、問題を解決するには、次のコードを使用します。

jQuery("#submittername").text(submitter_name);

これで問題が解決します。


12

間違ったセレクタIDを探しています:

 $("#submitter").text(submitter_name);

する必要があります

 $("#submittername").text(submitter_name);


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.