2015-12-02 5 views
0

код использует jquery, и я пытаюсь изменить текст в тег с разделителем запятой, чтобы каждое слово мне нужно было использовать тег изображения. в этом случае, когда изображение заменяется, 30 Degree Wash исчез.Замените текст на тег изображения с помощью разделителя запятой

<!doctype html> 
 
<html> 
 
    <head> 
 
     <meta charset="UTF-8"> 
 
     <title>Untitled Document</title> 
 
     <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
 
     <script> 
 
      $(document).ready(function() { 
 
       $('.pa_wash .attribute-value:contains("iron")').html('<img src="edit.png"/>'); 
 
      }); 
 
     </script> 
 
    </head> 
 
    <body> 
 
     <li class="pa_wash"> 
 
      <span class="attribute-label">Wash : </span> 
 
      <span class="attribute-value">30 Degree Wash, iron</span> 
 
     </li> 
 
    </body> 
 
</html>

ответ

1
$(document).ready(function() { 
    $('.pa_wash .attribute-value:contains("iron")').html(function() { 
    return this.innerHTML 
    .replace("iron", '<img src="edit_0.png"/>') 
    .replace("30 Degree Wash", '<img src="edit_1.png"/>'); 
    }); 
}); 

Вы должны заменить слово iron с вашим изображением, а затем установить html снова.

Working fiddle

+0

спасибо за ответ Теперь тег изображения просто заменить железо слова, вы можете помочь мне немного больше «30 градусов Wash» заменить также другое изображение тег –

+0

30 градусов Wash , утюг этот диапазон имеет два значения, вы объясните выше, о железе, как изменить, но мне нужен тег изображения также для 30-градусной стирки –

+0

Отметьте обновленный ответ. пожалуйста, подумайте о том, чтобы перенести и отметить его как ответ корректора. – void

Смежные вопросы