使用 jQuery Mobile 遍历 HTML DOM 树

Question

我有一个这样的 HTML DOM 结构。我想访问“ctitle”、“daytime”和“vv”中的文本。我在<button> 的位置。如 $(this) = 按钮：

注意：<ul>....</ul> 中的 DOM 元素是重复的

<ul id="classes">
  <li class="ctitle" />
  <li class="cschedule">
    <table>
     <tr/>
     <tr>
      <td class="vv" />
     </tr>
     <tr>
      <td class="daytime">
     <tr>
    </table>
  </li>
  <li>
    <button />
  </li>
</ul>

这是我的努力，但没有一个有效。

ctitle= $(this).closest("#classes").find(".ctitle").text();
vv = $(this).closest("#classes").find("table .vv").text();
daytime = $(this).closest("#classes").find("table .daytime").text()

Answer 1

根据您的示例 html，并假设它的生成方式有一些结构，因此顺序始终相同：

var cschedule = $(this).parent().prev()
var vv = cschedule.find('.vv')
var daytime = cschedule.find('.daytime')
var ctitle = cschedule.prev()