javascript - 使用原型(prototype)获取单击事件上的 next() 元素的innerHTML

Question

我正在尝试获取下一个元素的 innerHTML，该元素旁边发生了一次点击。

到目前为止，我将此作为我的代码

$('translate_this').observe('click', function(e) {  
    // Immediately stop the click through  
    Event.stop(e);  
    x = this.next().innerHTML;  
    alert(x);    
});

但是，实际上什么也没有发生，这表明该变量根本没有填充任何内容。这是为什么。

HTML供引用

<li class="say public">
 <p>  
     <span style="padding: 2px 7px; background-color: rgb(230, 230, 230); -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px;">  
      <a id="translate_this" href="">Translate</a>
  </span>
 </p>
 <div class="post_non_translated">
  <p>Bonjour </p>
 </div>
</li>

Answer 1

您的问题是您的案例中没有下一个元素。您必须遍历到 <li>然后向下到<div>获得“Bonjour”

试试这个:

var x = this.up('li').down('.post_non_translated').innerHTML;

这会给你 <p>Bonjour</p> ，如果你想摆脱 p，你可以进一步细化它