如何在 span 标签中打印变量的值？

Question

所以在这部分代码中是一个 .jsp 文件：

if($('accountAddress-table-title').length == 0) 
{
                console.log("Adding title accountAddress-table-title");
                var spanAccountAddressTableTitle = $("<span id='accountAddress-table-title' style='font-size: 20px;font-weight: bold;margin-left: 10px;'>Opportunity Account </span>");
                $('#accountAddress-table_filter').before(spanAccountAddressTableTitle);
}

我正在尝试打印存储在变量 accountOracleId 中的值：

var accountOracleId = $(this).data( 'account-oracleid' );

if(addressId != null && addressId.length > 0) 
{
     $('#btnAddres-label').html("Modify Address of Account ("+accountOracleId+")");
} else {
                     $('#btnAddres-label').html("Create Address");
       }

请帮我打印 Opportunity Account 旁边的 accountOracleId 的值。

结果输出应如下所示：

Opportunity Account (accountOracleId)

Answer 1

使用jQuery

$('#id_name/.class_name').html(value_to_insert);

Answer 2

要将任何 text/html 分配给 DOM 元素，您需要首先使用选择器定位它：

使用

$('#idOfElement') 或 $('.classOfElement') - # 用于 id，. 用于 class.

要将 text/html 分配给 DOM 元素，您需要 .text() 更改文本或 .html() 更改 html。

加在一起看起来像：

$('#id').text('some text');

在您的情况下，可能只是 $(this).data('account-oracleid') 为空。要查看变量的内容，您可以使用 console.log 登录到您的浏览器控制台（通过控制台选项卡下的开发人员工具访问 - F12 在 Firefox 上）。

所以您目前的完整脚本应该类似于：

var id = $(this).data('id');
console.log(id);

$('#mySpan').text('some Text'+ id);

如果 console.log returns 为空值，则问题出在您的数据标签而不是您的代码。

如何在 span 标签中打印变量的值？

How to print the value of a variable in span tag?

javascript

html

jsp-tags