Blog

how to add filter to jquery .each [Answered]RSS

6 replies

Last post Jul 26, 2016 07:31 PM by mgebhard

‹ Previous Thread|Next Thread ›

Shortcuts

- Reply
gunderj
Member

223 Points

444 Posts

how to add filter to jquery .each

Jul 25, 2016 06:12 PM|gunderj|LINK

For the loop below...

$(".myDiv").each(function () {
alret("id: " + this.id);
});

Is there a way to add a filter that will loop through myDiv for a certain data- value?

Thanks

mgebhard

All-Star

35511 Points

14110 Posts

Re: how to add filter to jquery .each

Jul 25, 2016 06:31 PM|mgebhard|LINK

The following shows how to do this with an $.each() and a selector.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript">

        $(function () {
            $(".myDiv").each(function (index, value) {
               // console.log($(this).data("item"));

                if($(this).data("item") == 2)
                    console.log("ID: " + $(this).attr('id'));
            });

            var value = 4;
            var id = $('.myDiv[data-item="' + value + '"]').attr('id');
            console.log("ID: " + id);
        });

    </script>
</head>
<body>
    <div>
        <div id="A" class="myDiv" data-item="1">1</div>
        <div id="B" class="myDiv" data-item="2">2</div>
        <div id="C" class="myDiv" data-item="3">3</div>
        <div id="D" class="myDiv" data-item="4">4</div>
        <div id="E" class="myDiv" data-item="5">5</div>
    </div>
</body>
</html>

- Reply
gunderj
Member

223 Points

444 Posts
Re: how to add filter to jquery .each

Jul 25, 2016 06:43 PM|gunderj|LINK
Thanks mgebhard, but this will loop through the entire set with an if condition for the .data- value. I was hoping for applying the filter directly in the .each loop

for example it should be able to do some kind of a where clause similar to razor:
```
$(".myDiv").Where(r => r.item == 2).each(function (index, value) {

Or there must be something similar hopefully?

Thanks again.
```
- Reply
mgebhard
All-Star

35511 Points

14110 Posts
Re: how to add filter to jquery .each

Jul 25, 2016 07:14 PM|mgebhard|LINK
gunderj

Thanks mgebhard, but this will loop through the entire set with an if condition for the .data- value. I was hoping for applying the filter directly in the .each loop

for example it should be able to do some kind of a where clause similar to razor:
```
$(".myDiv").Where(r => r.item == 2).each(function (index, value) {

Or there must be something similar hopefully?

Thanks again.
```
It looks like you're mixing Linq (server) with JavaScript (client). Or maybe you're using a JavaScript library that you forgot to mention?

Anyway, I also showed how to do this using a simple selector which takes one line of code.
- Reply
Fei Han - MS...
All-Star

38946 Points

5619 Posts

Microsoft
Re: how to add filter to jquery .each

Jul 26, 2016 02:23 AM|Fei Han - MSFT|LINK
Hi gunderj,
gunderj

for example it should be able to do some kind of a where clause similar to razor:
```
$(".myDiv").Where(r => r.item == 2).each(function (index, value) {

Or there must be something similar hopefully?
```
You could try to use jQuery Attribute Equals Selector to filter the elements before you call .each() method to loop through the matched elements.
```
<div id="A" class="myDiv" data-item="1">1</div>
<div id="B" class="myDiv" data-item="2">2</div>
<div id="C" class="myDiv" data-item="3">3</div>
<div id="D" class="myDiv" data-item="2">4</div>
<div id="E" class="myDiv" data-item="5">5</div>
```
```
$("div.myDiv[data-item='2']").each(function () {
    alert($(this).text());
})
```
Best Regards,

Fei Han
MSDN Community Support
Please remember to "Mark as Answer" the responses that resolved your issue.
- Reply
gunderj
Member

223 Points

444 Posts

Re: how to add filter to jquery .each

Jul 26, 2016 03:14 PM|gunderj|LINK

Fei, thanks, this did work except for one thing - if you set the data-item field within the same event (click), persistance is not recognized - it uses the original data-item value, rather than the new one.
- Reply
mgebhard
All-Star

35511 Points

14110 Posts

Re: how to add filter to jquery .each

Jul 26, 2016 07:31 PM|mgebhard|LINK

gunderj

Fei, thanks, this did work except for one thing - if you set the data-item field within the same event (click), persistance is not recognized - it uses the original data-item value, rather than the new one.

Show your code.

‹ Previous Thread|Next Thread ›

how to add filter to jquery .each [Answered]RSS

6 replies

Shortcuts

how to add filter to jquery .each

Re: how to add filter to jquery .each

Re: how to add filter to jquery .each

Re: how to add filter to jquery .each

gunderj

Re: how to add filter to jquery .each

gunderj

Re: how to add filter to jquery .each

Re: how to add filter to jquery .each

gunderj