如何使用JQuery设置span的值

use*_*non 352 jquery

如何使用JQuery设置span的值..

例如......下面是我的跨度

<span id="submittername"></span>
Run Code Online (Sandbox Code Playgroud)

在我的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??????
});
Run Code Online (Sandbox Code Playgroud)

cle*_*tus 705

你可以做:

$("#submittername").text("testing");
Run Code Online (Sandbox Code Playgroud)

要么

$("#submittername").html("testing <b>1 2 3</b>");
Run Code Online (Sandbox Code Playgroud)

  • @Zaid`.text()`将转义任何HTML字符,以便它可以显示为文本.如果要插入希望浏览器呈现的HTML代码,请使用`.html()`.更多信息:http://api.jquery.com/text/#text2 (4认同)
  • .text和.html有什么区别? (3认同)

小智 19

您正在使用jQuery(document).ready(function($) {}此处使用的方法jQuery而不是$.所以要解决您的问题,请使用以下代码.

jQuery("#submittername").text(submitter_name);
Run Code Online (Sandbox Code Playgroud)

这将解决您的问题.


Ste*_*ike 12

你正在寻找错误的选择器ID:

 $("#submitter").text(submitter_name);
Run Code Online (Sandbox Code Playgroud)

应该

 $("#submittername").text(submitter_name);
Run Code Online (Sandbox Code Playgroud)


小智 9

你可以用这个:

$("#submittername").html(submitter_name);
Run Code Online (Sandbox Code Playgroud)


小智 8

句法:

$(selector).text()返回文本内容。

$(selector).text(content)设置文本内容。

$(selector).text(function(index, curContent))使用函数设置文本内容。

资料来源:https ://www.geeksforgeeks.org/jquery-change-the-text-of-a-span-element/


小智 6

对我有用的解决方案如下:

$("#spanId").text("text to show");
Run Code Online (Sandbox Code Playgroud)