在位置X处插入值

Question

您好我想在找到特定文本后将HTML添加到页面上。我已经设法获得了我可以弄清楚如何添加文本的位置

    $(document).ready(function () {

        var position = document.documentElement.innerHTML.indexOf('Gas');

        //insert HTML at position 

    })    

Answer 1

因为您已经知道要插入的位置，只需执行

var str = element.innerHtml;
element.innerHTML = str.substr(0, position - 1) + "<b>My HTML</b>" + str.substr(position);

其他方式是将该文本包装在某个元素中并执行.insertBefore()

＆＃13;

＆＃13;

$(document).ready(function () {
  var text = $('.my-text').html();
  $('.my-text').html(text.replace(/Gas/, '<span id="my-unique-id">Gas</span>'));
  
  var htmlToInsert = $('<b>', {text: 'Inserted text'});
  htmlToInsert.insertBefore('#my-unique-id');
  $('#my-unique-id').unwrap();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="my-text">
  Abc def Gas Mesa Bas Ras
</div>

＆＃13;

＆＃13;

＆＃13;