如何使用jQuery设置span元素的值

Question

如何使用jQuery为<span>标签设置值...

例如...

下面是我的<span>标签:

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

在我的jQuery代码中：

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??????
});

- useranon

---

你拼错了 span 的 id（应该是 submittername 而不是 submitter）。 - kgiannakakis

Answer 1

你可以这样做：

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

或者

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

- cletus

---

.text和.html的区别是什么？ - ZaidRehman

.text()方法会转义所有HTML字符，以便将其显示为文本。如果要插入希望浏览器呈现的HTML代码，请使用.html()方法。更多信息请参考：http://api.jquery.com/text/#text2 - Gabriel Luci

Answer 2

您正在使用 jQuery(document).ready(function($) {})，这意味着您在此处使用的是 jQuery 而不是 $。因此，为解决您的问题，请使用以下代码。

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

这将解决你的问题。

- Santosh Ganacharya

Answer 3

您正在寻找错误的选择器id：

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

应该是这样的

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

- Steerpike

Answer 4

你可以使用这个：

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

- Rita Chavda

Answer 5

语法：

$(选择器).text() 返回文本内容。

$(选择器).text(内容) 设置文本内容。

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

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

- E Demir

Answer 6

我为您提供的解决方案如下：

对我有效的解决方案如下：

$("#spanId").text("text to show");

- Jorge Santos Neill

---

对我来说，它的工作方式就像这样： $('.className').text('some text') // span $('.className').val('some text') // input $('.className').html('some text') // div $('.className').val('some text') // input - AllanRibas