Я пытаюсь понять, как удалить здесь тире и двоеточие с помощью jQuery. Есть ли способ? До сих пор я пробовал .empty и .remove, но, к сожалению, не смог заставить его работать.
<p class="meta">
<strong>Author Name</strong>
– <-- remove this
<time>June 7, 2013</time>
: <-- remove this
</p>
Вы могли бы использовать...
$('.meta').contents().filter(function() { return this.nodeType == 3 }).remove()
Попробуй это :
$(function(){
var $children = $('.meta').children();
$('.meta').empty().append($children);
});
Я бы предложил воссоздать ваш узел $(".meta") DOM, чтобы вам нужно было извлечь strong и время, очистить свой $(".meta") и вставьте ранее сохраненные узлы.
Вам нужно использовать contents(), который возвращает все дочерние элементы (включая текстовые узлы). Затем используйте remove(), чтобы удалить эти текстовые узлы.
$(".meta").contents().filter(function() {
return this.nodeType == 3; // 3 for TEXT_NODE
}).remove()
Попробуй это,
$(function(){
$('p.meta').html($('p.meta').find('*'));
});
Или попробуйте,
$(function(){
$('p.meta').html(function(){ return $(this).find('*');});
});
Обновлено, если к вашему дочернему элементу прикреплены события, используйте contents и фильтр как,
$(function(){
$("p.meta").contents().filter(function(){ return this.nodeType == 3; }).remove();
});
См. Как я могу изменить текст элемента без изменения его дочерних элементов?
Вот решение: http://jsfiddle.net/E6GYs/
$(document).ready(function(){
$(document).click(function(){
$('.meta time').remove();
})
})
