Using css style selector in JQuery not working?

Question

Here is the working example:

The problem is that it's not working when I add ".productrating-param" to img like this:

$('.productrating-param img').after(mylayer.text());

What am I doing wrong?

var mylayer=$('.label-count').clone();

$('.productrating-param img').after(mylayer.text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="label-count">7</div>
    <td class="param-value productrating-param">
        <img src="http://www.lamianaturashop.com/custom/kencekonyha/catalog/view/theme/rome_cappuccino/image/stars_5.png" alt="5 / 5 csillag!" >
    </td>

@Esko Thank you! I cut the code out of the site that has it in the proper/normal usage. I should have been more attentive! — iorgu
– iorgu, Commented Feb 10, 2017 at 12:52

Sahil Dhir · Accepted Answer · 2017-02-10 12:40:03Z

1

First of all you are using td tag... it should be wrapped in table tag to make it work.. Or dont use td tag.. below is the solution using table.. but i will request you if your structre does not need any table then use div instead..

var mylayer=$('.label-count').clone();

$('.productrating-param img').after(mylayer.text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="label-count">7</div>
<table>
    <td class="param-value productrating-param">
        <img src="http://www.lamianaturashop.com/custom/kencekonyha/catalog/view/theme/rome_cappuccino/image/stars_5.png" alt="5 / 5 csillag!" >
    </td>
  </table>

answered Feb 10, 2017 at 12:40

Sahil Dhir

4,2502 gold badges16 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

iorgu Over a year ago

Thank you! This was because I cut it out of the site I'm testing the function to work.

ggg Over a year ago

NIce if this helped you, have a nice day

Mr Lister · Accepted Answer · 2017-02-13 19:43:00Z

0

Your code can work, but you can not "test" with using only the tag <td> , you have to add the <table><tr> tags.

see here it is working

<table>
<tr>
<td class="param-value productrating-param" itemprop="aggregateRating" itemscope="" itemtype="//schema.org/AggregateRating">

<div class="label-count">7</div>
<img src="http://www.lamianaturashop.com/custom/kencekonyha/catalog/view/theme/rome_cappuccino/image/stars_5.png" alt="5 / 5 csillag!" style="margin-top: 2px;">
<div id="new"></div>

</td>
 </tr></table>

edited Feb 13, 2017 at 19:43

Mr Lister

46.8k15 gold badges118 silver badges156 bronze badges

answered Feb 10, 2017 at 12:37

ggg

1,2021 gold badge14 silver badges26 bronze badges

Collectives™ on Stack Overflow

Using css style selector in JQuery not working?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related