Question

我遇到undefined返回innerHTML的问题。也许是因为html()和innerHTML之间存在差异？

我的JavaScript代码：

var content2 = document.getElementById("content2");
var opis;

$(function() {
  $('.blok').click(function(e) {
    opis = $(this).next('.opis');
    if (!$('.popup:visible').length) {
        content2.innerHTML= opis.html();
        $('.popup').fadeIn();
    }
    e.preventDefault();
    return false;
  });

  $('.popup .close, .popup .bg').click(function() {
    $(this).parents('.popup').fadeOut();
  });
})

我的HTML：

<body oncontextmenu="return false" onselectstart="return false" onselect="return false" oncopy="return false">
    <div class="popup"> 
        <div class="bg"></div> 
        <div class="container"> 
            <div id="content2"> </div> 
        </div> 
    </div> 
    And example of "blok": 
    <div class="blok"> $$|DO| = |OC| = 5$$ <div class="opis">2</div>
</div>

为什么content2始终返回undefined？

Answer 1

类blok和opis的元素在DOM结构中不在同一级别。因此$(this).next('.opis')无效。当元素位于同一DOM级别时，将使用jquery next()。您需要以下表达式才能获得正确的元素。 opis实际上是block

的孩子

 $('.blok').click(function(e) {
    opis = $(this).find('.opis');

示例：https://jsfiddle.net/DinoMyte/pmnsvzrr/5/

OR

$('.blok').click(function(e) {
$(this).children('.opis');

示例：https://jsfiddle.net/DinoMyte/pmnsvzrr/4/

$（this）孩子总是返回undefined

1 个答案: