Question

我正在尝试根据缩进值显示子节点（如果选择的选项为“是”）。 indent1 - child node，$( "body" ).on( "click", ".js-show-aspects", function(event) { var displayLabel = $(this).data('meta-value'); var sort_order = $('.js-data-selector.active:first').data('sort-order'); var indent = $('.js-data-selector.active:first').data('indent'); var rowCount = $('#show_aspects td').length; for (var i=0;i<rowCount;i++) { var hasindent0 =$(this).next().hasClass("indent0"); if((displayLabel=='Yes') && (hasindent0== false)) { child1 = $("table tr td").filter(function() { return $(this).prop("class").match(/indent/)}); child = child1.addClass(function (index){ return "sort-order"+(sort_order+1)}); } } });。排序顺序是节点在数据库中的放置顺序。

<tbody>
    <? foreach($aspects as $a) { ?> 
        <tr id="show_aspects" class="js-data-selector 
            <?=($a['active'] == 0) ? "text-warning" :""; ?> "
            data-sort-order="<?= $a['sort_order'] ?>"
            data-indent="<?= $a['indent']?>" align="left"
            data-taxonomy-id="<?=$a['taxonomy_id']?>">

             <td class="indent<?=$a['indent']?> 
                 sort-order<?=$a['sort_order']?>"
                 data-indent="<?= $a['indent']?>">

                 <? if($a['active'] == 0) { 
                     echo '<strong class="pull-right text-warning">Inactive</strong>';
                 } ?>

                 <?=$a['aspect_label']?> : 
                 <span class="aspect-data" data-taxonomy-id="<?=$a['taxonomy_id']?>"></span>

             </td>
        </tr>
    <?}?>
</tbody>

HTML 在下面的html中，$ aspects从DB获取所有节点，

.htacces

但是我无法显示子节点。知道如何解决这个问题吗？

使用HTML内容编辑问题..

Answer 1

很难准确理解您正在尝试以当前形式处理问题，但如果您想使用jQuery隐藏或显示子节点，可以使用$("#id").children().hide();和{{1 }}。
（其中“#id”是父DOM节点的ID。）

$("#id").children().show();还会将选择器作为参数，以防您只想隐藏/显示特定的子项：http://api.jquery.com/children/

（如果你稍微澄清一下你的问题，可以给出一个更恰当的答案）

使用jQuery显示/隐藏子节点

1 个答案: