Почему не работает взятие атрибута в JQuery?

Question

[KirSupi]

<div onclick="openModal()" modalid="1">
    <img src="img.jpg">
</div>
<script type="text/javascript">
    function openModal(){
        console.log($(this).attr('modalid'));
    }
</script>

Выводит undefined, а не 1.

Answer 1

[y0u]

<div onclick="openModal(this)" modalid="1">
    <img src="img.jpg">
</div>
<script type="text/javascript">
    function openModal(el){
        console.log($(el).attr('modalid'));
    }
</script>

Answer 2

[Алексей Ярков]

<div  modalid="1">
    <img src="https://habrastorage.org/webt/py/5i/3b/py5i3bttspsri_tolayrfgqdd_4.jpeg">
</div>

$('div').on('click', function openModal(){
    console.log($(this).attr('modalid'));
})

Comments

[KirSupi]

Беда в том, что у меня неимоверное кол-во div`ов и конкретно этот должен быть одним из многих item`ов, поэтому надо именно отслеживать, кто вызывает функцию. Я попробовал сделать через класс и т.д., но тоже не хочет.

<div class="theitem" modalid="1">
    <img src="img.jpg">
</div>
<script type="text/javascript">
    function openModal(){
        console.log($(this).attr('modalid'));
    }
    $('.theitem').on('click', openModal());
</script>

[Алексей Ярков]

KirSupi, $('.theitem').on('click', openModal);

[KirSupi]

Алексей Ярков, Спасибо, сработало