Jquery - 在输入时，使用跨度类获取 td 内的跨度值

Question

我正在尝试通过其类获取用户更改的垃圾邮件的值（使用 contenteditable）。 垃圾邮件位于表中的<td>内。

我试过let newItemName = $(variantId).children(".item-description").text(); 并let newItemName = $(variantId).find('span.item-description').text(); 它们都向newItemName变量返回一个空字符串。

任何想法为什么我得到一个空字符串而不是用户输入？

这是我的 JS：

let variantId;
$(document).on('click', ".tbl-itemClass", function () {
    variantId = $(this).attr('id');
    $(variantId).prop('contenteditable', true);

}).
    on('input', function () {
        //let newItemName = $(variantId).children(".item-description").text();
        let newItemName = $(variantId).find('span.item-description').text();
    });

这是我的 .csHtml （不要认为这有什么区别，我使用的是剃须刀页面，Asp.Net）

<tbody>
@foreach (var item in Model)
{
    <tr currentitemid=" @item.Id">
        <td class="tbl-itemClass desc" id="@("description"+ item.Id)" varianttype="@ViewBag.VariantType" >
            <span class="spnSpc">&nbsp;&nbsp;&nbsp;</span>
            <span style="width:90%; padding:1px 5px 1px 2px;" **class="item-description"** contenteditable> @item.Description </span>
        </td>
        
        <td class="tbl-itemClass ">//more code here
        </td>
    </tr>
}

@item.Description的值是一种颜色（即：“红色”）。 当用户更改该值（即：'redX'）时，此代码运行，但返回一个空字符串而不是 'redX'。 谢谢！

Answer 1

您使用variantId变量再次选择元素。 但这只是一个字符串，不会选择元素，因为在选择具有 id 的元素时，该字符串不包含 #。

variantId = '#'+$(this).attr('id');

现在variantId将是 #+your_id