如何在JavaScript中修改父級的DIV內容而無需ID？

Question

如何通過點擊上層設置底層？

<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'); 
     }); 
    }); 
}); 

Answer 1

遍歷DOM高達率先拿到div容器，向下移動到下一個同級（div），則顯示它。

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

jsfiddle