jquery - 使用 ID 编辑 span 标签内的文本

Question

我在选择跨度标记中的文本时遇到问题（这是在模板中，我无法直接编辑文本），这是 HTML：

<table class="worf">
    <tbody>
        <tr>
            <td colspan="2" class="brown45">
                <span id="red24">Quantity and Pricing</span>

这是我尝试过的：

<script>
    $('#red24').text('Confirm Your Reservation');
</script>

Answer 1

您需要将 jQuery 代码包装在一个$(document).ready()函数中：

<script>
    $(document).ready(function() {
        $('#red24').text('Confirm Your Reservation');
    });
</script>

Answer 2

始终在文档准备好时。

我认为最好使用 .html() 您可以将其仅用于添加文本：

$('#red24').html('whathever');

或者，如果您希望使其可见或使用其他样式或类，那将是最好的：

$('#red24').html('<p class="foo"><b>Confirm Your Reservation</b></p>');