Jquery selector - Select by class value

50 views
Skip to first unread message

KENT

unread,
Dec 21, 2011, 11:37:07 PM12/21/11
to phpvi...@googlegroups.com
Có bạn nào biết jquery hỗ trợ tớ phần này phát:

Ví dụ:

<ul>
<li class="1">Data</li>
<li class="2">Data</li>
<li class="3">Data</li>
<li class="4">Data</li>
<li class="5">Data</li>
<li class="6">Data</li>
<li class="7">Data</li>
<ul>

Nếu giờ tớ muốn select thẻ li có class > 4 thì phải làm sao ?



---
Regards,
Hoang Nguyen

Khanh Toan

unread,
Dec 21, 2011, 11:42:34 PM12/21/11
to phpvi...@googlegroups.com
Dễ ẹc:
// Chọn thẻ li thứ tư (bắt đầu từ 0)
console.log($('li:eq(3)').attr('class'));

2011/12/22 KENT <hoan...@gmail.com>

--
Bạn nhận được thư này vì bạn đã được đăng ký vào nhóm Google Groups "PHPVietnam".
Để đăng bài lên nhóm này, hãy gửi email đến phpvi...@googlegroups.com.
Để hủy đăng ký khỏi nhóm này, hãy gửi email tới phpvietnam+...@googlegroups.com.
Để biết tùy chọn khác, hãy truy cập nhóm này tại http://groups.google.com/group/phpvietnam?hl=vi.



--
Best Regards,
Nguyen Khanh Toan
Mobile: 0912.149.305

Nam Khanh Do

unread,
Dec 21, 2011, 11:51:19 PM12/21/11
to phpvi...@googlegroups.com
Thẻ LI có class lớn hơn 4 mà bạn :D

Nếu class number mà tương ứng với index của LI thì dễ hơn rất nhiều, chỉ cần:
var listItem = $('li:gt(4));

2011/12/22 Khanh Toan <toa...@gmail.com>

-- 

Khanh Toan

unread,
Dec 21, 2011, 11:53:45 PM12/21/11
to phpvi...@googlegroups.com
À uh, đọc không kỹ, sorry
Cách của Do Nam Khanh đúng rồi đó.

2011/12/22 Nam Khanh Do <donam...@gmail.com>

Kent Anh Phi

unread,
Dec 22, 2011, 12:26:42 AM12/22/11
to Khanh Toan, phpvi...@googlegroups.com
Ok cam on hai ban. To dang lay theo index nhung chua dung muc dich lam. De lat len thu xem sao.

Sent from my Windows Phone

From: Khanh Toan
Sent: 12/22/2011 11:53 AM
To: phpvi...@googlegroups.com
Subject: Re: [PHPVietnam] Jquery selector - Select by class value

KENT

unread,
Dec 22, 2011, 1:39:41 AM12/22/11
to Khanh Toan, phpvi...@googlegroups.com
Tình hình là không ăn thua, select với class lớn hơn 4 cơ mà anh em.
---
Regards,
Hoang Nguyen


2011/12/22 Kent Anh Phi <hoan...@gmail.com>

Son Dat Giang

unread,
Dec 22, 2011, 1:40:55 AM12/22/11
to phpvi...@googlegroups.com, Khanh Toan
$.extend($.expr[':'],{
    classGreaterThan4: function(a) {
        return $(a).attr('class') > '4'; // chú ý chỗ này so sánh đúng kiểu mong muốn, numeric hoặc string
    }
});

$('li:classGreaterThan4'); 

---------------------------------
Best regards !
Giang Son Dat
Ho Chi Minh City, Vietnam
Mobile: +84 988114164



2011/12/22 Kent Anh Phi <hoan...@gmail.com>
Ok cam on hai ban. To dang lay theo index nhung chua dung muc dich lam. De lat len thu xem sao.

Son Dat Giang

unread,
Dec 22, 2011, 1:45:00 AM12/22/11
to phpvi...@googlegroups.com, Khanh Toan
Em phát huy idea từ đây, a e tham khảo nha


---------------------------------
Best regards !
Giang Son Dat
Ho Chi Minh City, Vietnam
Mobile: +84 988114164



2011/12/22 Son Dat Giang <giang...@gmail.com>

KENT

unread,
Dec 22, 2011, 2:07:04 AM12/22/11
to phpvi...@googlegroups.com
Hi Đạt,
Ngọt rồi đấy. Giờ muốn số 4 kia là biến thì sao hả Đạt ? :D
---
Regards,
Hoang Nguyen

KENT

unread,
Dec 22, 2011, 2:17:58 AM12/22/11
to phpvi...@googlegroups.com
Ngon rồi,
classGreaterThan4: function(a,i,m) { ..
...
$('li:classGreaterThan4(100)');
...

m[3] sẽ là 100





---
Regards,
Hoang Nguyen


2011/12/22 KENT <hoan...@gmail.com>

Son Dat Giang

unread,
Dec 22, 2011, 2:48:04 AM12/22/11
to phpvi...@googlegroups.com
jQuery great :)

---------------------------------
Best regards !
Giang Son Dat
Ho Chi Minh City, Vietnam
Mobile: +84 988114164



2011/12/22 KENT <hoan...@gmail.com>

Dung Luong Tien

unread,
Dec 22, 2011, 2:50:35 AM12/22/11
to phpvi...@googlegroups.com
Dear,

Các cao thủ cho em xin thỉnh giáo:

Em đang muốn viết 1 đoạn js để quy định phần nào load trước, phần nào load sau.(Nhất là IMG)

Ví dụ ông div nào có thuộc tính numLoad nhỏ thì load trước, to thì load sau.

Mong hồi âm các anh.

Son Dat Giang

unread,
Dec 22, 2011, 2:53:24 AM12/22/11
to phpvi...@googlegroups.com
Híc, cái này khó. Nếu bạn render ra HTML hết rồi thì browser bảo sao thì phải nghe vậy thôi.

---------------------------------
Best regards !
Giang Son Dat
Ho Chi Minh City, Vietnam
Mobile: +84 988114164



2011/12/22 Dung Luong Tien <luongt...@gmail.com>

Dung Luong Tien

unread,
Dec 22, 2011, 3:03:15 AM12/22/11
to phpvi...@googlegroups.com
Vậy là không có cách nào hả các bác?

Son Dat Giang

unread,
Dec 22, 2011, 3:08:16 AM12/22/11
to phpvi...@googlegroups.com
Nếu bạn thực sự cần, bạn có thể cache tất cả các items mà bạn cần phân bổ thứ tự load vào biến javascript. Sau đó bạn chủ động render ra one by one. Nhưng mình nghĩ làm thế này thà không làm còn hơn. 

Cũng không hiểu bạn cần giải pháp này cho trường hợp nào? Bạn có thể share?

Dung Luong Tien

unread,
Dec 22, 2011, 3:13:38 AM12/22/11
to phpvi...@googlegroups.com
Dear các bác,

Cụ thể em đang mong muốn như sau:

1. Ví dụ 1 trang chi tiết bài viết, khu vực nội dung bài viết em muốn focus trực tiếp khi khách vào trang, và nó load ra đầu tiên.

2. Các khu vực khác như header, menu, footer, và mấy cái related(cả ảnh) sẽ load sau.

3. Em không muốn dùng ajax vì khi đó nội dung trang nó không có dưới con mắt của các bác Robot.

Không biết em diễn đạt đã đủ ý chưa, các bác chỉ giáo!

Son Dat Giang

unread,
Dec 22, 2011, 3:21:59 AM12/22/11
to phpvi...@googlegroups.com
Tớ thua vụ này. Có 1 giải pháp là bạn có thể xử lý layout thật tài tình sao cho phần nào cần load trước bạn cho lên trên, phần nào load sau bạn cho xuống dưới. Browser sẽ theo thứ tự đó mà load.

Về media, bạn có thể chia ra các host/domain khác nhau. Browser sẽ load song song được (lẹ hơn chút). Nhưng tớ nghĩ chủ yếu là xử lý layout.

Dung Luong Tien

unread,
Dec 22, 2011, 4:02:54 AM12/22/11
to phpvi...@googlegroups.com
Dear,

Cảm ơn bác nhiều!

Dung Luong Tien

unread,
Dec 22, 2011, 4:15:02 AM12/22/11
to phpvi...@googlegroups.com
Dear,

Phiền các bác chút nữa. Em đang cần 01 cái file HTML bản đồ Vietnam có map link đến các tỉnh thành phố. bác nào có share em với.

Doan Van Tuyen

unread,
Dec 22, 2011, 3:54:48 AM12/22/11
to phpvi...@googlegroups.com
Cách này chỉ để đánh lừa cảm giác của người dùng còn thứ tự load ko có gì thay đổi 

Tuyển.

2011/12/22 Doan Van Tuyen <doanva...@gmail.com>
Hi bạn.

Có 1 trang làm như bạn nói là chính là Vietnamnet hay Tuanvietnam gì đó.

Mình chưa xem cơ chế loat của vietnamnet, nhưng theo mình bạn có thể làm như sau.

Sử dụng style mặc định để lúc đầu những phần ko cần focus có display = none. Sau đó sau khi load trang xong thì cho nó hiện ra bằng Javascript.

Tuyển.



--
Đoàn Văn Tuyển
Mobile: 0904.554.112
Email : DoanVa...@gmail.com
           ITBac...@yahoo.com.vn
--------------------------------------------
Ti`m di.a diem http://timdiadiem.net

Doan Van Tuyen

unread,
Dec 22, 2011, 3:53:25 AM12/22/11
to phpvi...@googlegroups.com
Hi bạn.

Có 1 trang làm như bạn nói là chính là Vietnamnet hay Tuanvietnam gì đó.

Mình chưa xem cơ chế loat của vietnamnet, nhưng theo mình bạn có thể làm như sau.

Sử dụng style mặc định để lúc đầu những phần ko cần focus có display = none. Sau đó sau khi load trang xong thì cho nó hiện ra bằng Javascript.

Tuyển.

Hudson Nguyen

unread,
Dec 23, 2011, 2:51:45 AM12/23/11
to PHPVietnam
Vấn đề của bạn thật ra rất đơn giản. Nhưng sẽ phải hy sinh một chút về
sự rõ ràng của code HTML.

Tất cả các web browser đề load content theo thứ tự từ trên xuống dưới
của code HTML,như vậy bạn chỉ cần:

1. Đảm bảo CSS/JS để định dạng page layout load trong header (như vậy
step 2 mới OK)

2. Main content (phần bạn cần load đầu tiên) sẽ đặt ngay sau <body>

3. Code lại CSS cho page của bạn do việc bạn thay đổi vị trí của main
content có thể làm các div float sai.

ALL DONE.


On Dec 22, 3:13 pm, Dung Luong Tien <luongtiend...@gmail.com> wrote:
> Dear các bác,
>
> Cụ thể em đang mong muốn như sau:
>
> 1. Ví dụ 1 trang chi tiết bài viết, khu vực nội dung bài viết em muốn focus
> trực tiếp khi khách vào trang, và nó load ra đầu tiên.
>
> 2. Các khu vực khác như header, menu, footer, và mấy cái related(cả ảnh) sẽ
> load sau.
>
> 3. Em không muốn dùng ajax vì khi đó nội dung trang nó không có dưới con
> mắt của các bác Robot.
>
> Không biết em diễn đạt đã đủ ý chưa, các bác chỉ giáo!
>

> 2011/12/22 Son Dat Giang <giangson...@gmail.com>


>
>
>
>
>
>
>
> > Nếu bạn thực sự cần, bạn có thể cache tất cả các items mà bạn cần phân bổ
> > thứ tự load vào biến javascript. Sau đó bạn chủ động render ra one by one.
> > Nhưng mình nghĩ làm thế này thà không làm còn hơn.
>
> > Cũng không hiểu bạn cần giải pháp này cho trường hợp nào? Bạn có thể share?
>
> > ---------------------------------
> > Best regards !
> > Giang Son Dat
> > Ho Chi Minh City, Vietnam
> > Mobile: +84 988114164
>

> > 2011/12/22 Dung Luong Tien <luongtiend...@gmail.com>


>
> >> Vậy là không có cách nào hả các bác?
>

> >> 2011/12/22 Son Dat Giang <giangson...@gmail.com>


>
> >>> Híc, cái này khó. Nếu bạn render ra HTML hết rồi thì browser bảo sao thì
> >>> phải nghe vậy thôi.
>
> >>> ---------------------------------
> >>> Best regards !
> >>> Giang Son Dat
> >>> Ho Chi Minh City, Vietnam
> >>> Mobile: +84 988114164
>

> >>> 2011/12/22 Dung Luong Tien <luongtiend...@gmail.com>


>
> >>>> Dear,
>
> >>>> Các cao thủ cho em xin thỉnh giáo:
>
> >>>> Em đang muốn viết 1 đoạn js để quy định phần nào load trước, phần nào
> >>>> load sau.(Nhất là IMG)
>

> >>>> Ví dụ ông div nào có thuộc tính *numLoad *nhỏ thì load trước, to thì


> >>>> load sau.
>
> >>>> Mong hồi âm các anh.
>

> >>>> 2011/12/22 Son Dat Giang <giangson...@gmail.com>


>
> >>>>> jQuery great :)
>
> >>>>> ---------------------------------
> >>>>> Best regards !
> >>>>> Giang Son Dat
> >>>>> Ho Chi Minh City, Vietnam
> >>>>> Mobile: +84 988114164
>

> >>>>> 2011/12/22 KENT <hoangk...@gmail.com>


>
> >>>>>> Ngon rồi,
>
> >>>>>> classGreaterThan4: function(a,i,m) { ..
>
> >>>>>> ...
>
> >>>>>> $('li:classGreaterThan4(100)');
> >>>>>> ...
>
> >>>>>> m[3] sẽ là 100
>
> >>>>>> ---
> >>>>>> Regards,
> >>>>>> Hoang Nguyen
>

> >>>>>> 2011/12/22 KENT <hoangk...@gmail.com>


>
> >>>>>>> Hi Đạt,
> >>>>>>> Ngọt rồi đấy. Giờ muốn số 4 kia là biến thì sao hả Đạt ? :D
> >>>>>>> ---
> >>>>>>> Regards,
> >>>>>>> Hoang Nguyen
>

> >>>>>>> 2011/12/22 Son Dat Giang <giangson...@gmail.com>


>
> >>>>>>>> Em phát huy idea từ đây, a e tham khảo nha
>

> >>>>>>>>http://james.padolsey.com/javascript/extending-jquerys-selector-capab...


>
> >>>>>>>> ---------------------------------
> >>>>>>>> Best regards !
> >>>>>>>> Giang Son Dat
> >>>>>>>> Ho Chi Minh City, Vietnam
> >>>>>>>> Mobile: +84 988114164
>

> >>>>>>>> 2011/12/22 Son Dat Giang <giangson...@gmail.com>


>
> >>>>>>>>> $.extend($.expr[':'],{
> >>>>>>>>>     classGreaterThan4: function(a) {
> >>>>>>>>>         return $(a).attr('class') > '4'; // chú ý chỗ này so sánh đúng kiểu mong muốn, numeric hoặc string
>
> >>>>>>>>>     }
> >>>>>>>>> });
>
> >>>>>>>>> $('li:classGreaterThan4');
>
> >>>>>>>>> ---------------------------------
> >>>>>>>>> Best regards !
> >>>>>>>>> Giang Son Dat
> >>>>>>>>> Ho Chi Minh City, Vietnam
> >>>>>>>>> Mobile: +84 988114164
>

> >>>>>>>>> 2011/12/22 Kent Anh Phi <hoangk...@gmail.com>


>
> >>>>>>>>>> Ok cam on hai ban. To dang lay theo index nhung chua dung muc
> >>>>>>>>>> dich lam. De lat len thu xem sao.
>
> >>>>>>>>>> Sent from my Windows Phone

> >>>>>>>>>> ------------------------------


> >>>>>>>>>> From: Khanh Toan
> >>>>>>>>>> Sent: 12/22/2011 11:53 AM
> >>>>>>>>>> To: phpvi...@googlegroups.com
> >>>>>>>>>> Subject: Re: [PHPVietnam] Jquery selector - Select by class value
>
> >>>>>>>>>> À uh, đọc không kỹ, sorry
> >>>>>>>>>> Cách của Do Nam Khanh đúng rồi đó.
>

> >>>>>>>>>> 2011/12/22 Nam Khanh Do <donamkh...@gmail.com>


>
> >>>>>>>>>>> Thẻ LI có class lớn hơn 4 mà bạn :D
>
> >>>>>>>>>>> Nếu class number mà tương ứng với index của LI thì dễ hơn rất
> >>>>>>>>>>> nhiều, chỉ cần:
> >>>>>>>>>>> var listItem = $('li:gt(4));
>
> >>>>>>>>>>> 2011/12/22 Khanh Toan <toa...@gmail.com>
>
> >>>>>>>>>>>> Dễ ẹc:
> >>>>>>>>>>>> // Chọn thẻ li thứ tư (bắt đầu từ 0)
> >>>>>>>>>>>> console.log($('li:eq(3)').attr('class'));
>

> >>>>>>>>>>>> 2011/12/22 KENT <hoangk...@gmail.com>

> ...
>
> read more »

Dung Luong Tien

unread,
Dec 23, 2011, 9:49:05 PM12/23/11
to phpvi...@googlegroups.com
Dear all,

Nhân dịp Giáng sinh và năm mới 2102, Chúc toàn thể anh chị em một năm mới sức khỏe dồi dào, gặt hái nhiều thành công!

Cheer!!!

2011/12/23 Hudson Nguyen <hun...@gmail.com>

Son Pham Xuan

unread,
Dec 25, 2011, 6:46:49 AM12/25/11
to phpvi...@googlegroups.com

http://smotion.net/ielts-cho-ng%C6%B0%E1%BB%9Di-m%E1%BB%9Bi-b%E1%BA%AFt-d%E1%BA%A7u/

Hà Nội: Số 45 Tạ Quang Bửu : Điện thoại: 0902171891

KHAI GIẢNG VÀO MÙNG 5 Tháng 1 Năm 2012
Khóa học tiếng anh giao tiếp (Nghe nói và phát âm)

Mục tiêu:
Giúp học viên có thể sử dụng tiếng anh một cách hiệu quả, đơn giản và tự nhiên trong giao tiếp hàng ngày cũng như hiểu, giải quyết được các tình huống thực tế trong công việc và học tập.

Nội dung:
Chủ đề khóa học rất thú đó là sự kết hợp giữa các chủ đề tiếng anh giao tiếp hàng ngày như greeting, shopping, eating out, sightseeing, at an airport, traveling by train or bus.. cùng với các tình huống cụ thể trong quá trình học tập và làm việc như on the phone, meetings, interviews, problems at work, talks and presentations, class schedules, money and mail, organizing event at work…

Phương pháp học tập:
· Khuyến khích học viên involved vào bài giảng: Giảng viên đưa ra các hoạt động tập thể trong đó có thể maximum thời gian học viên có thể thực hành speaking and listening.
· Không khí học tập: Thân thiện, cởi mở và nghiêm túc.
· Kết hợp giữa nghe và nói: Sau khi nghe mỗi đoạn hội thoại học viên có dịp thảo luận về đoạn hội thảo và sự dụng chính các cấu trúc, từ vựng mà các bạn vừa nghe được thực hành vào phần speaking.
· Chú trọng đến phần phản xạ và phát âm: Học viên được giảng viên hướng dẫn và sửa rất kỹ phần phát âm cho từng học viên.

Các lớp học:
2-4-6
Thời gian học ( buổi tối ):
7h30 – 9h

HỌC PHÍ ƯU ĐÃI NHÂN DỊP LỄ TẾT: 1.500.00 vnđ / 1 người / 1 khóa
(Một triệu tám trăm nghìn đồng)

Liên hệ:
Mr.Sơn- 0902171891
Skype: sonpx03
Yahoo: phoenix_taiwan



Anh em ai có nhu cầu học tiếng anh hoặc bạn bè có nhu cầu thì giới thiệu giúp em nhé. Cám ơn cả nhà nhé :).

Học phí ưu đãi nhé.




2011/12/24 Dung Luong Tien <luongt...@gmail.com>



--
SMOTION.NET
We are Electric

Nguyễn Thạc Hùng

unread,
Dec 25, 2011, 9:42:57 AM12/25/11
to phpvi...@googlegroups.com
Sao lại vẫn có những người vô spam group nhỉ, nản ghê cơ
---
0 ============================== 0
  |||||||||||||||||||||  Nguyễn Thạc Hùng  ||||||||||||||||||||||
  0 ==============o0o============= 0
 
Mạng thông tin giải trí cho giới trẻ: http://xjtjn.net
Watch HD movie online: http://phimhay24h.net



Vào 18:46 Ngày 25 tháng 12 năm 2011, Son Pham Xuan <son...@gmail.com> đã viết:

kinglove

unread,
Dec 25, 2011, 9:49:44 AM12/25/11
to phpvi...@googlegroups.com
Đề nghị các bạn không Spam Group nhé ! Đây là nơi anh em công nghệ trao đổi chia sẻ , không là nơi quảng cáo nhé 

==============================



Vào 21:42 Ngày 25 tháng 12 năm 2011, Nguyễn Thạc Hùng <aot...@gmail.com> đã viết:

son...@gmail.com

unread,
Dec 25, 2011, 9:58:03 AM12/25/11
to phpvi...@googlegroups.com

^ ^. Xin chân thành xin lỗi các bác. Cũng chỉ quảng cáo trung tâm mình mới mở ra.

----

Smotion Edu

C: Pham Xuan Son

P: 0163891669 or 0902171891

A: 45 Ta Quang Buu st, Ha Noi, VietNam

W: http://smotion.net  - http://smotion.org

Reply all
Reply to author
Forward
0 new messages