javascript - change html of a div present in another set of div from the anchor tag targeted present inside another div -


i trying change html of div present inside div using each function on anchor tag present in div . html format 

<li class="odd" style="width: 440px; height: 478px;">     <div class="productimage quickview" data-product="79" style="height: 460px; width: 280px;"> <a href="http://www.exmp.com/midnight-splendor/"><img src="http://cdn2.exmp.com/n-biq04i/bxoxsg/products/79/images/278/jpeg__18621.1394537835.280.460.jpg?c=1" alt="midnight splendor"></a>          <div class="quickviewbtn" style="background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(247, 247, 247)), to(rgb(220, 219, 219))); color: rgb(0, 0, 0); display: none; background-position: initial initial; background-repeat: initial initial;" data-product="79">quick view</div>     </div>     <div class="productdetails" style="height: 0px;"> <a href="http://www.exmp.com/midnight-splendor/" class="pname"><strong>midnight splendor</strong></a>          <div class="productpricerating hdmenw" style="height: 15px;"> <span class="rating rating4"><img src="http://www.exmp.com/templates/__custom/images/icorating0.gif" alt="" style=""></span>          </div>         <div class="productactionadd" style="display:;"> <a href="http://www.exmp.com/midnight-splendor/" class="hdmenw icon-choose options" title="choose options">&nbsp;</a>  <em class="p-price"><strike class="retailpricevalue">$40.00</strike> $20.00</em><em class="p-countdown"></em>          </div>     </div> </li>

my jquery function 

$('.productimage a').each(function () {     var link = $(this).attr('href');     var $this = $(this);     $.ajax({         url: link,         success: function (data) {             var newimg = $(".d-date .value div", data).html();             if (newimg == null) {                 //do nothing             } else {                 $this.parent(".productdetails").next('.p-countdown').html(newimg);             }         }     }); });

as can see trying put value inside .p-countdown want done under this . value being returned used alerts check still not able target .p-countdown correctly .


Comments

Post a Comment

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

Image
i have page in each contest shown in row. each row contains contest id , link other model names have foreign key contest. news model: class news(models.model): title = models.charfield(max_length=50, null=true) description = models.textfield() time = models.timefield( default= datetime.datetime.now().time()) contest = models.foreignkey(contest) i want use admin adding , changing these models. want when user clicks on 'news' has foreign key contest id=1, shows list of news value foreign key. use {% instance in instances %} <tr class="{% cycle 'row1' 'row2' %}"> <td>{{ instance.title }}</td> <td>{{ instance.starttime }}</td> <td>{{ instance.timespan }}</td> <td>{{ instance.date }}</td> <td><a href="/adm...
Read more

android - Keyboard hides my half of edit-text and button below it even in scroll view -

i having trouble keyboard covers edit-text , half of button in scroll view. here's layout , please tell me how should resolve problem. many questions on topic none of them s working me. <?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:background="@drawable/bg" android:layout_height="match_parent"> <scrollview android:layout_width="match_parent" android:fillviewport="true" android:layout_height="match_parent"> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <linearlayout android:layout_width="match_parent" android:layout_height="w...
Read more

css - Make div keyboard-scrollable in jQuery Mobile? -

from can tell, although jquery-mobile-powered pages can contain divs overflow set scroll or auto, , these divs can scrolled one-screen bar or mouse wheel, cannot scrolled using arrow keys, page-up/page-down, or home/end. instead, official "page" div (with data-role="page") absorbs input. perhaps other divs can't acquire focus, i'm not sure. is there way around this? edit: jsfiddle of simple example: https://jsfiddle.net/qogz0shx/ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"> </script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"/> <style> #outer { overflow:scroll; height: 50vh; width: 50vw; } #inner { height: 500vh; width: 500vw; } ...
Read more