Deutsch

javaScrpt, jQuery вопрос

157  
Guliston посетитель05.05.13 14:22
NEW 05.05.13 14:22 
есть код примерно следующего вида

<li>b1<span>bla bla bla</span></li>
<li>b2<span>bla bla bla</span></li>


Нужно поменять его на


<li>b1<img src="/logo.jpg"><span>bla bla bla</span></li>
<li>b2 <img src="/logo.jpg"><span>bla bla bla</span></li>


To есть по сути вставить каринки (лого фирм)
Помогите кто может


$("li").each(function(){
???
})

#1 
Guliston посетитель05.05.13 14:30
NEW 05.05.13 14:30 
в ответ Guliston 05.05.13 14:22
То есть если b1 то нужно брать картинку b1
если b2 то и картинку b2
#2 
CoDSP посетитель05.05.13 14:54
CoDSP
NEW 05.05.13 14:54 
в ответ Guliston 05.05.13 14:30
для чего b1 и b2?
т.е с классами допустим немного проще было бы ну или с индексом элементов, т.е индекс 1 бери картинку b1 и т.д. если конечно порядок не меняется.
#3 
Guliston посетитель05.05.13 14:58
NEW 05.05.13 14:58 
в ответ CoDSP 05.05.13 14:54, Последний раз изменено 05.05.13 14:58 (Guliston)
Ни для чего.
Этот код который выдает шоп. И он выдает конечо-же немногo другое, отличное от б1 и б2, но все одно, выдает текст. В зависимости от текста, надо вставить ту или иную картинку
#4 
CoDSP посетитель05.05.13 15:07
CoDSP
05.05.13 15:07 
в ответ Guliston 05.05.13 14:58, Последний раз изменено 05.05.13 15:07 (CoDSP)
$("li").each(function(){
$(this).prepend("<img src='/"+$(this).text().substr(0,2)+".jpg'>");
}) ;
ну вот например. зависит потом конечно, стринг всё время одинаковый?
http://www.w3schools.com/jsref/jsref_substr.asp
позицию, порядок элементов можно с css сделать как надо.
#5 
Guliston посетитель05.05.13 15:30
NEW 05.05.13 15:30 
в ответ CoDSP 05.05.13 15:07, Последний раз изменено 05.05.13 15:31 (Guliston)
Спасибо, но что-то не то, где-то должна быть проверка на условие, а я ее не вижу
ЕСЛИ B1 TO Картинка IMG1
ЕСЛИ B2 TO Картинка IMG2
В этом моя и заморочка.
мда.. я плохо вначале об'яснила.. Мой шульд. Извините
#6 
CoDSP посетитель05.05.13 15:35
CoDSP
NEW 05.05.13 15:35 
в ответ Guliston 05.05.13 15:30
не нужна проверка если имя картинки = стрингу в <li>
если нет тогда просто добавить switch
switch($(this).text().substr(0,2)){
case "b1": $(this).prepend('<img src="theImg1.png" />'); break;
case "b2": $(this).prepend('<img src="theImg2.png" />'); break;
и .т.д.
default: тут картинка по дефолту если надо;
};
#7 
Guliston посетитель05.05.13 15:38
NEW 05.05.13 15:38 
в ответ CoDSP 05.05.13 15:35
Ок, спасибо
сейчас сделаю

#8 
CoDSP посетитель05.05.13 16:14
CoDSP
NEW 05.05.13 16:14 
в ответ Guliston 05.05.13 15:38
или вот так
$("li").each(function(){
var imgSrc = "";
switch($(this).text().substr(0,2)){
case "b1": imgSrc = "Img1.jpg"; break;
case "b2": imgSrc = "Img2.jpg"; break;
default: ;
};
$(this).prepend('<img src="'+imgSrc+'" />');
}) ;
чуть лучше вроде :)
#9 
Guliston посетитель05.05.13 17:06
NEW 05.05.13 17:06 
в ответ CoDSP 05.05.13 16:14
да, все заработало, Спасибо!!!
#10