Đếm hình ảnh với jquery và sau đó xuất ra #

Question

Tôi đang tìm cách đếm số lượng hình ảnh với một tên lớp div nhất định và sau đó xuất số đó được tính để hiển thị nó trên một trang. Bất kỳ lời khuyên nào về cách để có được điều này. Nó sẽ được sử dụng để cho người dùng biết có bao nhiêu hình ảnh trong cuộn hình ảnh của tôi. Cuối cùng tôi muốn tìm ra cách để có được một danh sách năng động như 1/10, 2/10, vv ... dựa trên hình ảnh người dùng đang bật.

đây là trang để bạn có thể xem những gì tôi đang nói về với cuộn giấy.

http://www.cdtto.com/site/?p=5

Tôi có scoller đó kéo hình ảnh từ một lĩnh vực tùy chỉnh trong worpress, tôi có thể thêm bao nhiêu hình ảnh như tôi thích. Tôi đã sử dụng jquery scrollTo.js để cuộn các hình ảnh, tôi đang tìm cách lấy số lượng hình ảnh và muốn có đầu ra đó

Answer 1

Bộ chọn jQuery trả về một mảng để chỉ có chiều dài của nó. Ví dụ:

jQuery(".image").Length 

Tham khảo trang jQuery Selectors nếu bạn cần truy vấn chọn phức tạp hơn. Bạn đã nói tất cả hình ảnh trong div truy vấn bạn muốn sử dụng giống như jQuery("div#divName img")

Answer 2

$(".divClassName").find("img").length 

là những gì bạn đang tìm kiếm?

Answer 3

Bạn có thể sử dụng mã này:

var numImgs = $('div.myClassName img').length; 
alert(numImgs); 
$('div#count').text(numImgs); 

Không giống như các ví dụ khác, lần này là tìm kiếm số lượng hình ảnh chứa trong một div với một tên lớp nhất định.

Answer 4

Dựa trên đánh dấu thực tế của bạn tại http://www.cdtto.com/site/?p=5:.

//Count images inside element with 'feature' classname 
var featureImageCount = $('div.featured img').length; 

//Add element to display count to user 
$('#header3 .featured-bar').after('<div>' + featureImageCount + ' Images</div>');