Блог

Главная - Вопросы по программированию - Добавить текст до и после компонента bar

Добавить текст до и после компонента bar

#javascript #jquery #html #css

#javascript #jquery #HTML #css

Вопрос:

Я пытаюсь добавить немного текста, before и after bar как показано на рисунке ниже.

 <div class="container">

<div  class="progress progress-info
     progress-striped">
  <div id="storage-component" class="bar"
       style="width: 20%;"></div>
</div>
<div class="progress">
  <div class="bar"
       style="width: 60%;"></div>
</div>  
</div>

http://cssdeck.com/labs/i1xnufa3

Метод Before и after, похоже, у меня не работает.

Ответ №1:

Демонстрация:http://jsfiddle.net/ep9vD

В вашем коде была допущена опечатка из-за отсутствия закрывающей кавычки, а также был выбран не тот элемент. Также не уверен, включал ли ваш демо-файл jQuery.

Javascript:

 $(document).ready(function () {
    $(".progress-info").before("<div>efererer</div>").after("<span>after-text</span>");
});

Комментарии:

1. Исправлено. Кроме того, нужны ли <div> и <span> ? Я думаю, это сработало бы, если бы использовался правильный элемент и была исправлена опечатка 🙂

2. Нет, они не нужны, я просто демонстрировал, как их можно использовать для простого оформления и управления добавляемыми значениями.

3. почему текст не встроен в панель div … он появляется в новой строке