javascript - text 上点击事件中的未定义文本

Question

我正在尝试修复它...我真的不知道为什么这不起作用。

我有一些 <ul>其中一些 <li>由 keyUp/keydown 事件(典型的 AJAX 搜索器)插入，所以，这个 <li>代表现在的 DDBB 比赛。

我想在点击一些 <li> 后生成一些代码(this)然后获取其中的文本(因为我将使用它来使用此文本作为参数来呈现另一个 URL)...我不知道为什么我会全天候 24/7 得到未定义的文本。

这是一个演示:http://codepen.io/tureey/pen/VaagyY

// Redirije a la URL pertinente para cargar la información de esa búsqueda
$('#searcher-ajax li').click(function() {
  alert("enter");
  var a = $(this).children('div').children('p').innerHTML;
  alert(a);
});

#searcher {
  margin-bottom: 0 !important;
}
#searcher-ajax {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
#searcher-ajax li.searcher-ajax-element {
  color: white;
  list-style: none;
  border: 1px solid black;
  background: #040507 url("/static/img/bg-bar.jpg") repeat 50% 0;
}
#searcher-ajax li.searcher-ajax-element div {
  text-align: left;
}
#searcher-ajax li.searcher-ajax-element div img {
  width: 30px;
  height: 30px;
  max-width: 30px;
  max-height: 30px;
  margin: 0 1em;
}
#searcher-ajax li.searcher-ajax-element div p {
  display: inline-block;
  margin: 0 !important;
}
#searcher-ajax li.searcher-ajax-element:hover,
#searcher-ajax li.searcher-ajax-element:active,
#searcher-ajax li.searcher-ajax-element:focus {
  cursor: pointer;
  background: black;
  background-image: none;
  font-weight: bold;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<ul id="searcher-ajax">
  <li class="searcher-ajax-element">
    <div class="searcher-ajax-element-div">
      <p>text1</p>
    </div>
  </li>
  <li class="searcher-ajax-element">
    <div class="searcher-ajax-element-div">
      <p>text2</p>
    </div>
  </li>
  <li class="searcher-ajax-element">
    <div class="searcher-ajax-element-div">
      <p>text3</p>
    </div>
  </li>
</ul>

感谢您的帮助。

Answer 1

你的错误是你试图找到的路径。

你需要做的:

var a = $(this).children('div').children('p')[0].innerHTML