how to add variable to 'classname' in jquery using match function?

Question

I want to check the classname with pattern eg. sort-order12, sort-order13 using the match function in jquery. The below usage is not working. Anyone can help ?

var sort_order = $('.js-data-selector.active:first').data('sort-order');

sort_order_next -> is the variable containing integer value.

var child = $("table tr td").filter(function() {
  return $(this).prop("class").match(/"sort-order"+(sort_order_next)/)
}).closest("tr");

child.show();

I am trying to display the nodes with classname with pattern "sort-order-1", "sort-order-2" etc. according to the node value (sort-order-next) obtained.

Oleksandr T. · Accepted Answer · 2015-10-24 09:23:01Z

1

Try this

var sort_order_next = 12;

var child = $("table tr td").filter(function() {
  return $(this).prop("class").match(new RegExp('sort-order-' + sort_order_next));
}).closest("tr");

console.log(child);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr>
        <td class="sort-order-12"></td>
    </tr>
    <tr>
        <td class="sort-order-13"></td>
    </tr>
    <tr>
        <td class="some-cls"></td>
    </tr>
</table>

edited Oct 24, 2015 at 9:23

answered Oct 24, 2015 at 8:13

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

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

1 Comment

Wings2fly Over a year ago

This code works.. !! Thanks for your help Alexander.. !

Collectives™ on Stack Overflow

how to add variable to 'classname' in jquery using match function?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related