$（this）子项始终返回未定义

Question

我对innerHTML返回undefined有问题。 也许是因为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/

要么

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

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

$（this）子项始终返回未定义

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-12-17 00:19:25

$（this）子项始终返回未定义

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-12-17 00:19:25

解决方案1
1 已采纳 2015-12-17 00:19:25