Search jQuery

jQuery Forum

Using jQuery Plugins

Abhishek ..

How can I isolate a div with a particular class name with another div of the same class name?

in Using jQuery Plugins • 4 years ago

I have isolated the problem in this pen.

Explanation :

I am using a plugin called jquery upload preview to upload an image and preview the image on the div as a background.

In my web page, I am dynamically creating more and more divs with the same class name but since the class names are same, the upload preview is getting applied for all. I want every other div to get isolated from each other.

Is there any solution I can apply here. Please check out this link, it's a pen where I have isolated the issue.

Thank you so much guys.

Replies(3)

jakecigar

Re: How can I isolate a div with a particular class name with another div of the same class name?

4 years ago

What is $("#czContainer").czMore();

You didn’t add that plugin to the pen, so the pen did not even start up.

By reading jquery_upload_preview/jquery.uploadPreview.js at master · opoloo/jquery_upload_preview

I see that you need to call $.uploadPreview once per preview. And you have to pass in the right names. You have no .imgBox element.

JΛ̊KE

Abhishek ..

Re: Re: How can I isolate a div with a particular class name with another div of the same class name?

4 years ago

Thanks for responding. Hmmm, but are you sure, you were in the right pen? Because I have every plugin already included and the pen loads up without any problem.

I am sorry, i added the incorrect class name and corrected to .imgCard from .imgBox. Now you can find the element in HTML.

My only problem is that I want a way to isolate every .imgCard from each other. Differentiate every .imgCard from each other so that it will help to upload different images on the same dynamically created .imgCard classes.

Thank you so much.

.imgCard was incorrectly named as .imgBox. My bad.

jakecigar

Re: How can I isolate a div with a particular class name with another div of the same class name?

4 years ago

$.uploadPreview({

input_field: "#front-image-upload", // Default: .image-upload

only works for the first front-image-upload. The rest are ignored. And .imgCard is ALL the .imgCard(s).

You need to loop through sets of elements. Calling $.uploadPreview for each of them, using unique selectors.

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

How can I isolate a div with a particular class name with another div of the same class name?

Replies(3)

Re: How can I isolate a div with a particular class name with another div of the same class name?

Re: Re: How can I isolate a div with a particular class name with another div of the same class name?

Re: How can I isolate a div with a particular class name with another div of the same class name?

Statistics

Tags

Actions