如何使用 jQuery 为跨度设置值

Posted 2023-05-08

【中文标题】如何使用 jQuery 为跨度设置值

【英文标题】：How to set a value for a span using jQuery

【发布时间】：2010-12-02 06:44:57

【问题描述】：

如何使用 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??????
);

【问题讨论】：

您拼错了跨度的 ID（提交者而不是提交者名称）。

【参考方案1】：

你可以这样做：

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

或

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

【讨论】：

.text 和 .html 有什么区别？

@Zaid .text() 将转义任何 HTML 字符，以便将其显示为文本。如果您要插入希望浏览器呈现的 HTML 代码，请使用 .html()。更多信息：api.jquery.com/text/#text2

【参考方案2】：

您使用jQuery(document).ready(function($) 表示您在这里使用jQuery 而不是$。因此，要解决您的问题，请使用以下代码。

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

这将解决您的问题。

【参考方案3】：

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

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

应该是

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

【参考方案4】：

你可以用这个：

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

【参考方案5】：

语法：

$(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");

【讨论】：

对我来说它就像 -> $('.className').text('some text') // span $('.className').val('some text') / / input $('.className').html('some text') // div $('.className').val('some text') // input