Jquery - Modify a string into a span without remplacing everything -

-

i have following code , try modify 'delivered' string @ beginning of span. end remplacing content of span if use text() method.

i tried:

$('#delivered-on').parent().text(' delivered on: ');  $('span.wizard-filter-delivery-date').not('#delivered-on,.deliverydays-container').text(' delivered on: ');

do have idea how that? best, nicolas

<span class="wizard-filter-delivery-date col-sm-12">     delivered      <span id="delivered-on">        <div data-reactroot="" class="deliverydays-container">           <div class="deliverydays-no-touch-dropdown-container">              <div class="select select--single is-searchable has-value">                 <div class="select-control">                    <div class="select-value"><span class="select-value-label">friday, 13th may</span></div>                    <div class="select-input" style="display: inline-block;">                       <input style="width: 5px; box-sizing: content-box;">                       <div style="position: absolute; visibility: hidden; height: 0px; width: 0px; overflow: scroll; white-space: pre; font-size: 21px; font-family: lato, helvetica, sans-serif; font-weight: normal; font-style: normal; letter-spacing: normal;"></div>                    </div>                    <span class="select-arrow-zone"><span class="select-arrow"></span></span>                 </div>              </div>           </div>           <div class="deliverydays-touch-dropdown-container">              <select class="deliverydays-select">                 <option value="484">friday, 13th may</option>                 <option value="610">saturday, 14th may</option>                 <option value="725">monday, 16th may</option>                 <option value="487">wednesday, 18th may</option>                 <option value="488">friday, 20th may</option>                 <option value="611">saturday, 21st may</option>              </select>           </div>        </div>     </span>  </span>

get text node , replace new content

$('.wizard-filter-delivery-date')    .contents() // child nodes    .eq(0) // first element, text node replaced    .replacewith(' delivered on: '); // replace text
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  <span class="wizard-filter-delivery-date col-sm-12"> delivered <span id="delivered-on"><div data-reactroot="" class="deliverydays-container"><div class="deliverydays-no-touch-dropdown-container"><div class="select select--single is-searchable has-value"><div class="select-control"><div class="select-value"><span class="select-value-label">friday, 13th may</span>  </div>  <div class="select-input" style="display: inline-block;">    <input style="width: 5px; box-sizing: content-box;">    <div style="position: absolute; visibility: hidden; height: 0px; width: 0px; overflow: scroll; white-space: pre; font-size: 21px; font-family: lato, helvetica, sans-serif; font-weight: normal; font-style: normal; letter-spacing: normal;"></div>  </div><span class="select-arrow-zone"><span class="select-arrow"></span></span>  </div>  </div>  </div>  <div class="deliverydays-touch-dropdown-container">    <select class="deliverydays-select">      <option value="484">friday, 13th may</option>      <option value="610">saturday, 14th may</option>      <option value="725">monday, 16th may</option>      <option value="487">wednesday, 18th may</option>      <option value="488">friday, 20th may</option>      <option value="611">saturday, 21st may</option>    </select>  </div>  </div>  </span>  </span>

pure javascript method 

document.getelementsbyclassname('wizard-filter-delivery-date')[0] // element class name    .childnodes[0] // text node children nodes    .textcontent = ' delivered on: '; // replace text
<span class="wizard-filter-delivery-date col-sm-12"> delivered <span id="delivered-on"><div data-reactroot="" class="deliverydays-container"><div class="deliverydays-no-touch-dropdown-container"><div class="select select--single is-searchable has-value"><div class="select-control"><div class="select-value"><span class="select-value-label">friday, 13th may</span>  </div>  <div class="select-input" style="display: inline-block;">    <input style="width: 5px; box-sizing: content-box;">    <div style="position: absolute; visibility: hidden; height: 0px; width: 0px; overflow: scroll; white-space: pre; font-size: 21px; font-family: lato, helvetica, sans-serif; font-weight: normal; font-style: normal; letter-spacing: normal;"></div>  </div><span class="select-arrow-zone"><span class="select-arrow"></span></span>  </div>  </div>  </div>  <div class="deliverydays-touch-dropdown-container">    <select class="deliverydays-select">      <option value="484">friday, 13th may</option>      <option value="610">saturday, 14th may</option>      <option value="725">monday, 16th may</option>      <option value="487">wednesday, 18th may</option>      <option value="488">friday, 20th may</option>      <option value="611">saturday, 21st may</option>    </select>  </div>  </div>  </span>  </span>


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