Trying to find out the next tr button fa icon

Question

Following a jQuery piece of code, I am trying to get the button icon which is inside the <button> of the next element which tells me if the icon is of trash type or something else so on that basis, I can write my logic

Trying it like this:

$(this).parent().next().find('td').eq($(this).index()-1).closest('button').html();

but I get this error:

and trying to find value of the next tr

<td>
<button type="button"><i class="fa fa-trash"></i></button></td>

Please show HTML and expected output - you can click the `<>` and create a [mcve] — mplungjan, Jun 12 '18 at 13:14
your code is finding value of current button, i want to find value of either prev or next one — Jabbu, Jun 12 '18 at 13:24

score 0 · Accepted Answer · answered Jun 12 '18 at 13:25

0

Here is an working example

$("button").on('click', function() {
  console.log("next: " + $(this).closest('tr').next().find('td button').html());
  console.log("prev: " + $(this).closest('tr').prev().find('td button').html());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet" />
<table>
  <tbody>
    <tr>
      <td>
        <button type="button"><i class="fa fa-trash"></i></button>
      </td>
    </tr>
    <tr>
      <td>
        <button type="button"><i class="fa fa-trash"></i></button>
      </td>
    </tr>
  </tbody>
</table>

answered Jun 12 '18 at 13:25

Krzysztof Janiszewski

3,763
3
18
38

nice but how do i bring its result to true or false, should i do `eval` – Jabbu Jun 12 '18 at 13:40
@Jabbu What exactly do you mean? Do want to check if next button exists? And no, never use `eval` [here is why](https://stackoverflow.com/questions/13167403/is-javascript-eval-so-dangerous) – Krzysztof Janiszewski Jun 12 '18 at 13:43
figured out by adding a hasclass functionality so thanks – Jabbu Jun 12 '18 at 14:16

Trying to find out the next tr button fa icon

1 Answers1