javascript - Running if/each statement to select divs and alter background image position independently -

-

i trying change position of background image within div depending on text within span.

my problem multiple divs have same class not changeable.

for example. every cell want change image position looks like:

<td class="js-gridblock js-pre-order" data-attvalue1="3xl" data-attvalue2="plum">   <div class="js-gridimage">     <div class="prodpagegridtext" id="gridtext-gridbox34">       <span class="status">due in 4 weeks</span><br>       <div class="prodpagegridtextarrow">       </div>      </div>    </div> </td>

where span class status value changes anywhere between 1-10.

my jquery looks like;

 jquery(document).ready(function() {       if (jquery('span.status:contains("4")')) {             jquery('.js-pre-order .js-gridimage').css("background-position", "-4px -213px");          }        if (jquery('span.status:contains("5")')) {             jquery('.js-pre-order .js-gridimage').css("background-position", "-4px -242px");          }      if (jquery('span.status:contains("10")')) {             jquery('.js-pre-order .js-gridimage').css("background-position", "-4px -387px");          }     });

my issue when jquery run every js-gridimage changes ("background-position", "-4px -387px") need them change dependent on spanvalues.

i have seen .each() function unsure how best incorporate code.

thanks in advance.

you can use relationship between elements, here .closest(selector) can used traverse fetch desired element , set css rules.

jquery(document).ready(function() {     jquery('span.status:contains("4")').closest('.js-gridimage').css("background-position", "-4px -213px");      jquery('span.status:contains("5")').closest('.js-gridimage').css("background-position", "-4px -242px");      jquery('span.status:contains("10")').closest('.js-gridimage').css("background-position", "-4px -387px");  });

Comments

Post a Comment

Popular posts from this blog

javascript - Laravel datatable invalid JSON response -

-
everything work fine on code below fetch user logs: js: <script> $(document).ready(function () { var table =$('#systemlogs').datatable({ responsive: true, processing: true, serverside: true, "language": { "url": "/datatables/media/plug-in/persian.json" }, ajax: '{!! url('/admin/systemlogs/data/systemlogsdatatable') !!}', columns: [ { data: 'name', name: 'name' }, { data: 'message_text', name: 'message_text' }, { data: 'remote_addr', name: 'remote_addr' }, { data: 'log_created_at', name: 'management_logs.created_at' }, { data: 'log_updated_at', name: 'management_logs.updated_at' }, ] }); }); </script> routes: route::get('/systemlogs/data/systemlogsdatatable','systemlogscontrolle...
Read more

java - Exception in thread "main" org.springframework.context.ApplicationContextException: Unable to start embedded container; -

-
i getting error when run spring application: exception in thread "main" org.springframework.context.applicationcontextexception: unable start embedded container; nested exception org.springframework.context.applicationcontextexception: unable start embeddedwebapplicationcontext due missing embeddedservletcontainerfactory bean. @ org.springframework.boot.context.embedded.embeddedwebapplicationcontext.onrefresh(embeddedwebapplicationcontext.java:124) @ org.springframework.context.support.abstractapplicationcontext.refresh(abstractapplicationcontext.java:476) @ org.springframework.boot.context.embedded.embeddedwebapplicationcontext.refresh(embeddedwebapplicationcontext.java:109) @ org.springframework.boot.springapplication.refresh(springapplication.java:691) @ org.springframework.boot.springapplication.run(springapplication.java:320) @ org.springframework.boot.springapplication.run(springapplication.java:952) @ org.springframework.boot.springa...
Read more

sql server 2008 - My Sql Code Get An Error Of Msg 245, Level 16, State 1, Line 1 Conversion failed when converting the varchar value '8:45 AM' to data type int -

-
msg 245, level 16, state 1, line 1 conversion failed when converting varchar value '8:45 am' data type int. script declare @specimenid bigint = 0, @script varchar(max); declare @starttime int = (select convert(int,substring(start_time,0,charindex(':', start_time)) - 12) appt appt._id=112601) --select @starttime set @script = 'select distinct ptlast_name + '', '' + pt.first_name patient_name, dbo.formatdate(pt.dob,''mm/dd/yyyy'') dob, (convert(varchar, (datediff(yy, dob, appt_date) - case when (month(dob) > month(appt_date)) or (month(dob) = month(appt_date) , day(dob) > day(appt_date)) 1 else 0 end)) + ''/'' + convert(varchar, (datediff(m, dateadd(yy, (datediff(yy, dob, appt_date) - case when (month(dob) > month(appt_date)) or (month(dob) = month(appt_date) , day(dob) > day(appt_date)) 1 else 0 end), d...
Read more