Оберните текст внутри <div>, используя JQuery

Question

Оберните текст внутри <div>, используя JQuery

0

Я работаю над заменой определенного текста на упаковку этого конкретного текста. Во всяком случае, я в замешательстве. Я могу найти конкретные слова, соответствующие моему сценарию. Но мне нужно заменить их внутри

Вот мой html

<small>
    Size: M<div class="item-devider"></div> 
    checkbox_test: Yes<div class="item-devider"></div>
    I don't mind about color: No<div class="item-devider"></div> 
    test: No<div class="item-devider"></div> 
    test_group: select1<div class="item-devider"></div>
</small>

JQuery

$('.item-devider').map(function(){
    var text = this.previousSibling.nodeValue.indexOf(': No') == -1 ?  undefined  : this.previousSibling.nodeValue;              
    if(text!= undefined) {

    }
});

Скрипт http://jsfiddle.net/EwNRJ/1135/

Благодарим за любую идею

Nizam Ali 15 апр. 2014, в 07:11

Источник

Теги:

jquery

regex

3 ответа

0

Ты можешь сделать:

$('#sample small').contents().filter(function() {
    return this.nodeType === 3 && $.trim(this.nodeValue).indexOf(': No') > -1;
}).wrap('<div class="highlight" />');

Обновленный скрипт

Felix 15 апр. 2014, в 03:48

0

Спасибо, Феликс. Это тоже работает.
Nizam Ali 15 апр. 2014, в 05:43

0

Возврат undefined в обратном .map удалит .map элементы.

var texts = $('.item-devider').map(function(){
    return this.previousSibling.nodeValue.indexOf(': No') == -1 ?  undefined  : this.previousSibling.nodeValue;
}).get();

Рабочая демонстрация.

xdazz 15 апр. 2014, в 03:01

Ещё вопросы

Спасибо, Феликс. Это тоже работает.

Rajaprabhu Aravindasamy · Accepted Answer · 2014-04-15T02-46-00.000Z

Пытаться,

var texts = $('.item-devider').map(function(){
    return this.previousSibling.nodeValue.indexOf(': No') > -1;        
});

Этот выше код вернет div, который имеет строку в своей предыдущей позиции, которая содержит текст ': No'

А также попробуйте это тоже,

var texts = $('#sample small').contents().filter(function(){
    return $(this).text().indexOf(': No') > -1;     
}).wrap('<div/>');

DEMO

Эй, это прекрасно. Возвращает либо true, либо false. Можете ли вы сказать мне, как я могу обернуть единственный текст, который возвращает true внутри <div>?
@NizamAli Вы можете попробовать новое редактирование ..
Я редактировал вопрос. Пожалуйста, проверь это.
Можете ли вы отредактировать мою скрипку?