How to change image in list according to list data?

[GodSpeed JP1]

I hava a list which hava a image and a number data on it.
When the number 10, I want show image A on the list,
and when the number < =10 , I want show image B on it.
so list would like:
A(image) 11
A(image) 22
B(image) -11
I try to write some js code when the service set the number to the list element at data mapping page[ADD JS].
I wrote:
function(value, element) {
if (value 10) {
element.parent().find($('image-componet-name')).attr("src", Appery.getImagePath("A.png"));
}else {
element.parent().find($('image-componet-name')).attr("src", Appery.getImagePath("B.png"));
}

But it not work,
I think the "element.parent().find($('image-componet-name'))" is not right,
I want to know how to set a element according to another 's value in a list.
Anyone can help me?

[Nikita]

Hello,

$('image-componet-name') -- this is the wrong approach.
You should use this:

$('[name=image-componet-name]')

[GodSpeed JP1]

Hello Nikita, it works.Thank you very much.

[Vikram Raju]

how to pass element?

[Alena Prykhodko]

Hello,

Could you please specify your question?

[Vikram Raju]

it is not working for me thatS what i tried to say.....

[Alena Prykhodko]

Please show us what you have tried.

[Vikram Raju]

[Vikram Raju]

Thats how I implemented the code

[Vikram Raju]