Getting value of element using jquery

Question

I am trying to get the value of

tag

<?php
$i = 0;
foreach ($categories as $key => $category) {
    ?>
    <div class="col-6 col-md-4 col-lg-2 text-center category">
        <li class="main-li" id="<?php if ($i == 0) {
            $i = 1;
            echo 'active-nav';
        } ?>" value="<?php echo $key ?>">
            <?php echo $category ?>
        </li>
    </div>
<?php } ?>

This is my jquery

$(".category").click(() => {
    var category_id = $('li #active-nav').attr('value');
    alert(category_id);
});

Anybody can help be get the value when i click each category div

Id of an element should be unique, So please try to get value based on this LIke var category_id = $(this).attr('value'); — Ajith
– Ajith, Commented Jul 21, 2020 at 4:45

meatbags · Accepted Answer · 2020-07-21 04:51:14Z

1

Your selector is wrong. It should be:

"li#active-nav"

...without the space. "li #active-nav" is searching for an element with id="active-nav" within a list item

answered Jul 21, 2020 at 4:51

meatbags

362 bronze badges

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

Comments

MaestroAshmin · Accepted Answer · 2020-07-21 04:47:33Z

0

I was using the wrong selector..Should have done this.

var category_id = $('.category #active-nav').attr('value');

answered Jul 21, 2020 at 4:47

MaestroAshmin

173 bronze badges

Collectives™ on Stack Overflow

Getting value of element using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related