Question

171

How to iterate a table rows with JQuery and access some cell values?

rated 0 times [ 178] [ 7] / answers: 1 / hits: 137282 / 15 Years ago, fri, december 11, 2009, 12:00:00

<table class=checkout itemsOverview>

    <tr class=item>

        <td>GR-10 Senderos</td>

        <td><span class=value>15.00</span> €</td>

        <td><input type=text value=1 maxlength=2 class=quantity /></td>

    </tr>

    <tr class=item>

        <td>GR-10 Senderos<br/>GR-66 Camino de la Hermandad<br/>GR 88 Senderos del   Jarama<br/>Camino del Cid</td>

        <td><span class=value>45.00</span> €</td>

        <td><input type=text class=quantity   value=1 maxlength=2/></td>

    </tr>

</table>

I was trying with the next code to get the value and quantity of each item.

$(tr.item).each(function(i, tr) {

    var value = $(tr +  span.value).html();

    var quantity = $(tr +  input.quantity).val();

});

It is not working. Can anyone help me?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

travion

Add To Favorites

Follow

Total Points: 137

Total Questions: 96

Total Answers: 103

Location: India

Member since Wed, Aug 4, 2021

3 Years ago

travion questions

1 Tagify set data in tagify input on click

Mon, Dec 16, 19, 00:00, 5 Years ago

1 Laravel - How to Import Vue Component to Another Component

Sat, Oct 19, 19, 00:00, 5 Years ago

1 Date conversion in react js

Fri, Sep 20, 19, 00:00, 5 Years ago

1 How can I style react semantic components?

Wed, Nov 14, 18, 00:00, 6 Years ago

1 Problem with onChange for Masked Input in React

Sun, Oct 28, 18, 00:00, 6 Years ago

View All

answered 15 Years ago johnathanhakeems · Accepted Answer

$(tr.item).each(function() {

  $this = $(this);

  var value = $this.find(span.value).html();

  var quantity = $this.find(input.quantity).val();

});