Как получить значение атрибута родительского тега в функции?

Question

У меня есть следующая структура HTML:

<script>
    function process(){
        //how to retrive attr
        window.allert(attr); 
    }
</script>
<div attr="234234">
    <div onclick="process()">some content</div>
</div>

Как получить значение атрибута родительского тега в функции?

Answer 1

Вы должны передать this в функцию, затем попробовать getAttribute() на parentNode текущего элемента:

<script>
    function process(el){
        //how to retrive attr
        window.alert(el.parentNode.getAttribute('attr')); 
    }
</script>
<div attr="234234">
    <div onclick="process(this)">some content</div>
</div>

В jQuery вы можете использовать .parent() и .attr()

$(el).parent().attr('attr')

Вы также можете использовать event.target следующим образом:

<script>
    function process(e){
        //how to retrive attr
        window.alert(e.target.parentNode.getAttribute('attr')); 
    }
</script>
<div attr="234234">
    <div onclick="process(event)">some content</div>
</div>

Answer 2

пока вы помечаете jquery .. вы можете использовать .parent() и .attr()

function process(el){
    alert($(el).parent().attr('attr'));
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div attr="234234">
    <div onclick="process(this)">some content</div>
</div>