Я пытаюсь удалить запятую, и я не могу понять, почему?

Question

кажется таким легким, но я не могу достичь запятой в своем HTML и просто удалить его со страницы. Должно быть, что-то легкое, что мне не хватает. Спасибо за помощь.

Мой HTML фрагмент выглядит следующим образом:

<div id="heightWeightContainer" class="inlineBlock"><span id="height" class="sans14 topData bold"></span>,</div> 

Вы увидите запятую в конце строки.

Я пробовал несколько разных способов избавиться от этого парня.

$('#heightWeightContainer').html().replace(",",""); 
$('#heightWeightContainer').text().replace(",",""); 
$('#height').parent().text().replace(',',''); 

Я даже попробовал чисто JS с getElementById & .Привернуть но ничего не кажется, чтобы получить его.

Я могу добавить, что эти строки кода работают в консоли, поэтому я не уверен, почему это не будет в моем js-файле.

Что мне не хватает? Спасибо

Answer 1

Вы только что заменили , и ничего не делаете с возвращаемой строкой. Вы можете использовать html() с функцией обратного вызова для обновления содержимого. Добавить глобальный флаг 'g', если вы хотите, чтобы удалить все вхождения

$('#heightWeightContainer').html(function(i, v) { 
    return v.replace(",", "") 
}); 

Или вы можете заменить только текст в текстовом узле, который не будет вредить любую привязку событий к внутренним элементам HTML. Используйте contents(), чтобы получить детей, включая текстовые и комментарии узлов. Итерации над ними с помощью each()

$('#heightWeightContainer').contents().each(function() { 
    if (this.nodeType == 3) { 
     this.textContent = this.textContent.replace(',', ''); 
    } 
});