如何在JavaScript中修改没有id的父DIV内容

How to modify parent's DIV content without id in JavaScript?

本文关键字：id 的父 DIV 内容 修改 JavaScript      更新时间：2023-09-26

如何通过点击上层设置底层可见?

<div class="inactive">
    <div> <a href="#" onclick="do visible another parent layer"><img src='images/message.png'></a>
    </div>
    <div style="display:none">!Message need to show!</div>
</div>

JS 

$jq = jQuery.noConflict(true);
$jq(document).ready(function () {
    $jq('.title').append('<span></span>');
    $jq('.post span').each(function () {
        var trigger = $jq(this),
            state = false,
            el = trigger.parent().next('.entry');
        trigger.click(function () {
            state = !state;
            el.slideToggle();
            trigger.parent().parent().toggleClass('inactive');
        });
    });
});

首先遍历DOM以获得div容器，然后向下移动到下一个兄弟(div)，然后显示它。

<a href="#" onclick="this.parentElement.nextSibling.nextSibling.style.display = 'block';">
    <img src='images/message.png'>
</a>

jsfiddle

相关文章：