php - jquery选择问题

Question

在我的代码中，我有这个循环，它会产生各种 2 小时的时间 block 。我发现很难从 .clientSearchSectionButtonHiddenTextEndTime 中获取文本。我从 .clientSearchSectionButtonHiddenTextStartTime 中获取文本没有任何问题。

PHP

while($row = mysql_fetch_array($result)) {

            $startTimeVar = $row["startTime"];
            $startTimeCorrected = date("g:i a", strtotime($startTimeVar));
            $endTimeVar = $row["endTime"];
            $endTimeCorrected = date("g:i a", strtotime($endTimeVar));

                echo
                '<div class = "clientSearchSectionButtonText">
                    <div class = "clientSearchSectionButtonTextTime">
                        '.$startTimeCorrected.' - '.$endTimeCorrected.'
                    </div>
                </div>
                <span  class = "clientSearchSectionButtonHiddenTextStartTime" style = "display: none;">
                    '.$row["startTime"].'
                </span>
                <span  class = "clientSearchSectionButtonHiddenTextEndTime" style = "display: none;">
                    '.$row["endTime"].'
                </span>
            <div class = "buttonBreak">
            </div>';
        }

JQuery - 我尝试通过多种方式选择它。 $this 给出 div clientSearchSectionButtonTextTime。我尝试了很多不同的东西，包括 .parent().next、parent().sibling、.sibling...等

/*----SELECT TIME----*/ 
$(".clientSearchSectionButtonTextTime").live("click", function() {
    startTime = $(this).parent().next(".clientSearchSectionButtonHiddenTextStartTime").text();
    endTime = $(this).parent().next(".clientSearchSectionButtonHiddenTextEndTime").text();
    alert (endTime);
});

Answer 1

果然，.next() 仅选择紧邻的下一个同级。如果给出了选择器，则测试该单个同级以匹配它，否则结果为空。

尝试.nextAll('.uncannyClassName')，你应该可以开始了。

/*----SELECT TIME----*/ 
$(".clientSearchSectionButtonTextTime").live("click", function() {
    startTime = $(this).parent().nextAll(".clientSearchSectionButtonHiddenTextStartTime").text();
    endTime = $(this).parent().nextAll(".clientSearchSectionButtonHiddenTextEndTime").text();
    alert (endTime);
});

我还将其添加到 .clientSearchSectionButtonHiddenTextStartTime 中，以允许 future 对 DOM 进行可扩展性(而不仅仅是选择下一个元素)。