Добавить «i» тег плюс текст для охвата

Question

У меня есть этот угловой скрипт для создания div. проблема, с которой я сталкиваюсь, заключается в том, что она добавляет .text внутри тега i, а не как sibling i.

Надеюсь, что это имеет смысл.

  var body = placeWrapper 
       .append('div') 
       .attr('class', 'thm-listing__body'); 

       body.append('span') 
       .attr('class', 'thm-listing__location') 
       .append('i') 
       .attr('class', 'fa fa-map-marker') 
       .text(function (d) { 
        return d.Address; 
       }); 

это погружение, предполагают, чтобы сделать следующим образом:

<div class="thm-listing__body"> 
<span class="thm-listing__location"> 
<i class="fa fa-map-marker"></i> 
The text here 
</span> 
</div> 

Но в настоящее время он делает из:

<div class="thm-listing__body"> 
<span class="thm-listing__location"> 
<i class="fa fa-map-marker">The text here</i> 
</span> 
</div> 

Answer 1

Вы устанавливаете text в i теге, и вы хотите текст span так, чтобы текст был установлен сразу после добавления диапазона, а не после добавления i, как показано ниже

var body = placeWrapper 
     .append('div') 
     .attr('class', 'thm-listing__body'); 

     body.append('span') 
     .attr('class', 'thm-listing__location') 
     .text(function (d) { 
      return d.Address; 
     }) 
     .append('i') 
     .attr('class', 'fa fa-map-marker'); 

Update

Набор иконки перед тем продолжительность текст использование prepend() согласно ниже

var body = placeWrapper 
      .append('div') 
      .attr('class', 'thm-listing__body'); 

      body.append('span') 
      .attr('class', 'thm-listing__location') 
      .text(function (d) { 
       return d.Address; 
      }) 
      .prepend('i') 
      .attr('class', 'fa fa-map-marker');