Har bir elementdan keyin chegaralarni qanday qo'shish kerak?

Menda bir divda bir necha ko'prik bor. Biroq, ko'priklar soni o'zgaradi. Bu nima bo'lishi haqida hech qanday gap yo'q. Bu bitta, ikkita bo'lishi mumkin. Nimaga ma'lumki, divda kamida bitta gipermarkat bor.

Hozirda ushbu formatdagi aloqalar mavjud:

Link1 Link2 Link3 

Buni quyidagicha o'zgartirishni xohlayman:

Link1 | Link2 | Link3

Men ikkita muammoga duch kelmoqdaman:

  1. Oxirgi elementdan keyin quvur mavjud - yaxshi emas.
  2. Quvurlar, bu ko'prik matni sifatida kiritiladi, elementlar orasida emas.

Birinchi muammoni bartaraf qilish uchun, men elementni oxirgi emas, faqat trubka qo'yish harakat qildim. Ikkinchi muammo uchun men nima qilish kerakligini bilmayman. Mana hozirgacha qilayotgan ishim:

http://jsfiddle.net/KL6Ua/

Bundan tashqari, men birinchi muammoni hal qilishning eng yaxshi yo'li bor yoki yo'qligiga amin emasman. Tavsiya qiling.

Rahmat,.

1

3 javoblar

http://jsfiddle.net/k8Fzk/ ga o'xshash biror narsa bormi?

$("|").insertAfter($('#divLinks a:not(:last)'));

Edit, if you want to insert just a pipe character after each a element, you should use after i.e. http://jsfiddle.net/W6RQH/:

$('#divLinks a:not(:last)').after('|');
4
qo'shib qo'ydi
@stecb, shuning uchun agar istasam, faqat quvurli belgi qo'yishim mumkinmi? harakat qildi va ishlamagandi!
qo'shib qo'ydi muallif iamserious, manba
Salom @stecb, buyuk .. rahmat, lekin, nima uchun cheklovchining span bo'lishi kerakligini tushunmayapman. rahmat
qo'shib qo'ydi muallif LocustHorde, manba
Ha, @samserious to'g'ri, agar men tashqariga chiqsa, quvur ishlamaydi
qo'shib qo'ydi muallif LocustHorde, manba
oh, javobingizni biroz kechroq ko'rdim, rahmat ... hozirda tushunaman deb o'ylayman! hujjatlarni tekshirish kerak.
qo'shib qo'ydi muallif LocustHorde, manba
bu holda coz, span elementiga display: inline-block sozlashi mumkin, maxsus margin, rang, va hokazolarni belgilashingiz mumkin :)
qo'shib qo'ydi muallif stecb, manba
quvur belgisi DOM tugun emas, shuning uchun ifoda xatoini oshiradi. Bu holda u $ ('# divLinks a: not (: last)') dan keyin foydalanishi kerak. ('|');
qo'shib qo'ydi muallif stecb, manba

Ulanishingiz ro'yxat mavjud, shuning uchun ro'yxatlar uchun tegishli HTML teglardan foydalanishdan qo'rqmang ( ul li ). Keyin, elementlarning dekoratsiyasi uchun Javascriptdan foydalanmang - CSS yaxshi vositadir.

http://jsfiddle.net/PcHSM/

1
qo'shib qo'ydi
Salom, bu juda yaxshi g'oya, lekin men sahifaga nima kirganini nazorat qila olmayman, jQuery bilan taqdim etilgan sahifada ishlashni davom ettirishga harakat qilaman .. thanks.
qo'shib qo'ydi muallif LocustHorde, manba
AA bo'ladi. Baribir, siz foydalanishingiz mumkin: oldin a teglari uchun, ul li ro'yxatlarini yaratish uchun juda ham semantik.
qo'shib qo'ydi muallif artuska, manba
    if(index != 0)
        $(this).prepend(delimiter);

OK Yangilandi ..

<div id="divLinks">
    One
    two
    three
</div>



$(function() {

    var NumberOfLinks = $('#divLinks a').length;

    $('#divLinks a').each(function(index) {
        var delimiter = " | ";

        if(index != 0)
            $(this).parent().prepend(delimiter);
    });
});
1
qo'shib qo'ydi
Xristian Stiv, afsuski, trubo hali ko'prikning ichida ko'rinadi va shuning uchun u hali ham aloqadir. ikkinchi (va asosiy) muammoimni hal qilmayman.
qo'shib qo'ydi muallif LocustHorde, manba
uh, afsus @steve, bu kodni ishlamasdan ham, uni xato deb aytishim mumkin, chunki har bir quvur ota-ona uchun qo'shilsa, barcha quvurlar bir joyda va boshqa bir-biriga bog'langan .. bu erda kodingiz nima qilayotgani: jsfiddle.net/7s633/2
qo'shib qo'ydi muallif LocustHorde, manba
Salom, aah Ha, ko'rayapman, bir qancha vaqt ishlaydi, lekin jquery'da buni qilaman, chunki men sahifani ishlab chiqarmayapman va men uni nazorat qila olmayman, sahifani faqat formatdan keyin formatlashim mumkin Sizga katta rahmat
qo'shib qo'ydi muallif LocustHorde, manba
Mening yangilanishimni ko'ring.
qo'shib qo'ydi muallif Steve, manba
O'zingizning ishoratlaringizni ko'rib chiqsangiz, men ularni ishlaydigan span elementlari bilan qamrab olgandim. Sizning jsfiddle nima taklif qilingan emas, balki muammo emas.
qo'shib qo'ydi muallif Steve, manba