How to find value in row of table using jquery or javascript?

Question

i want to find value in row of table. Sample , i have a this case

    $("tr[id*='row']").each(function (i, el) {
            //if($this.value() >10)
            //console.log('This value in cell is: ' + this.value);
        });

<div id='div1'>
    <table border='2px'>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>
    <table border='2px'>
        <tr>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr id='row' style="background-color:yellow; color:red">
            <td>7</td>
            <td>8</td>
        </tr>
    </table>
    <table border='2px'>
        <tr id='row' style="background-color:yellow; color:red">
            <td>9</td>
            <td>10</td>
        </tr>
        <tr>
            <td>11</td>
            <td>12</td>
        </tr>
    </table>
    <table border='2px'>
        <tr>
            <td>13</td>
            <td>14</td>
        </tr>
        <tr id='row' style="background-color:yellow; color:red">
            <td>15</td>
            <td>16</td>
        </tr>
    </table>
</div>

In this case above , i want to compare and show the value in cell, which more than 10, but i confused in define the value in cell. Mabe you can give me adviced for this case .

4b0 · Accepted Answer · 2018-01-19 05:03:42Z

2

Use find for td values.

$("tr[id*='row']").find('td').each(function(i, el) {
var val = $(this).text();
if (val > 10)
  console.log('This value in cell is: ' + $(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='div1'>
    <table border='2px'>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>
    <table border='2px'>
        <tr>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr id='row' style="background-color:yellow; color:red">
            <td>7</td>
            <td>8</td>
        </tr>
    </table>
    <table border='2px'>
        <tr id='row' style="background-color:yellow; color:red">
            <td>9</td>
            <td>10</td>
        </tr>
        <tr>
            <td>11</td>
            <td>12</td>
        </tr>
    </table>
    <table border='2px'>
        <tr>
            <td>13</td>
            <td>14</td>
        </tr>
        <tr id='row' style="background-color:yellow; color:red">
            <td>15</td>
            <td>16</td>
        </tr>
    </table>
</div>

edited Jan 19, 2018 at 5:03

answered Jan 19, 2018 at 4:13

4b0

22.4k30 gold badges97 silver badges143 bronze badges

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

1 Comment

Headshot Over a year ago

Dear sir, you forget compare with 10 , if more than , show this.value

d'art · Accepted Answer · 2018-01-19 04:25:11Z

$(document).ready(function(){
    $("tr[id*='row']").each(function () {
		var td = $(this).find("td");
		var countdeeptd = td.length;
		td.each(function(i,el){
			if(td.eq(i).text() > 10)
				console.log('This value in cell is: ', td.eq(i).text());
		});
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='div1'>
    <table border='2px'>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>
    <table border='2px'>
        <tr>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr id='row' style="background-color:yellow; color:red">
            <td>7</td>
            <td>8</td>
        </tr>
    </table>
    <table border='2px'>
        <tr id='row' style="background-color:yellow; color:red">
            <td>9</td>
            <td>10</td>
        </tr>
        <tr>
            <td>11</td>
            <td>12</td>
        </tr>
    </table>
    <table border='2px'>
        <tr>
            <td>13</td>
            <td>14</td>
        </tr>
        <tr id='row' style="background-color:yellow; color:red">
            <td>15</td>
            <td>16</td>
        </tr>
    </table>
</div>

Collectives™ on Stack Overflow

How to find value in row of table using jquery or javascript?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related