JQuery HTML родитель

Question

Допустим, у меня есть этот код:

<div class="user">
    <img class="profilepic" src="someimage.jps">
    <div class="cleaner"></div>
    [ <a href="javascript:void(0);" id="skip" Onclick="javascript:chg_background();">change bg</a> ]
    <div class="cleaner" style="padding-bottom: 5px;"></div>
</div>

Как я могу изменить div class = "user" с красным фоном, с помощью родительского метода jquery или аналогичного?

Спасибо!

Пушки

Answer 1

Вы можете использовать closest, чтобы вернуться к дереву DOM:

function chg_background(el) {
    var $user = $(el).closest('.user');
    $user.css('background-color', '#f00');
}

И измените HTML на это:

<a href="javascript:void(0);" id="skip" Onclick="javascript:chg_background(this);">change bg</a>

Или сделайте это более традиционным способом jQuery:

$('#id').click(function() {
    var $user = $(this).closest('.user');
    $user.css('background-color', '#foo');
});

И удалите атрибут onclick в ссылке #id.