jQuery Как редактировать HTML-текст только для текущего уровня？ [дублировать]

Question

jQuery Как редактировать HTML-текст только для текущего уровня？ [дублировать]

0

У меня есть структура DOM:

<div id="a">
         AA
        <span>BB</span>
</div>

Я хочу изменить текст в div, но не в промежутке, а именно изменить AA, но сохранить BB, однако, когда я пытаюсь $ ('# a'). Text(), я получаю AABB. Каков правильный способ выбора текста только на уровне div?

9blue 01 май 2014, в 21:59

Источник

2

stackoverflow.com/questions/21249558/...
alkis 01 май 2014, в 19:47

Теги:

javascript

jquery

3 ответа

Ещё вопросы

Hamid Bahmanabady · Answer 1 · 2014-05-01T18-41-00.000Z

0

Проверьте, это правильно.

var child = $('#a span');
var value = "new value";
$('#a').text(value + child.html());

Hamid Bahmanabady 01 май 2014, в 18:41

1

Он сказал, что ему нужно сохранить диапазон и BB, поэтому неправильно удалить его!
user1659862 01 май 2014, в 20:28
0

Спасибо я поменяю
Hamid Bahmanabady 01 май 2014, в 20:39

wvandaal · Answer 2 · 2014-05-01T17-44-00.000Z

Лучший способ сделать это - пересечь дочерние узлы #a и проверить, являются ли они текстовыми узлами. Для каждого текстового узла вам необходимо скопировать внутренний текст и вернуть его:

В качестве общей функции:

function getText($el, separator) {
  var s        = separator || '',
      children = $el.childNodes,
      l        = children.length,
      text     = [],
      child;

  for(; child = children[--l];)
    if (child.nodeType === 3)
      text.unshift(child.nodeValue);

  return text.join(s);
}

Как плагин jQuery

$.fn.getText = function(separator) {
  var s        = separator || '',
      children = this.get(0).childNodes,
      l        = children.length,
      text     = [],
      child;

  for(; child = children[--l];)
    if (child.nodeType === 3)
      text.unshift(child.nodeValue);

  return text.join(s);
}

guinatal · Answer 3 · 2014-05-01T17-22-00.000Z

Я создал пример из этой ссылки: Как выбрать собственный текст для элемента с помощью jQuery

Надеюсь, это поможет вам.

HTML

<div id="a">
         AA
        <span>BB</span>
</div>

JAVASCRIPT

$.fn.ownText = function() {
    return this.eq(0).contents().filter(function() {
       return this.nodeType === 3 // && $.trim(this.nodeValue).length;
    }).map(function() {
       return this.nodeValue;
    }).get().join('');
}

var text = $('#a').ownText();

var newText = "CC";

$("#a").html(function(i,t){
    return t.replace(text.trim(), newText)
});

http://jsfiddle.net/guinatal/mHhrL/