Question

我有一个检查全部它正在工作，但问题是我有多个行具有相同的检查所有功能，我只想要检查所有只能通过输入的clostest ul工作，但我怎么能这样做？

JS

        $('.css-margin').each( function() {
            $(this).val(s);
        });

HTML

<div class="css-margin-padding">
<div class="check-all">
    <span class="dashicons dashicons-lock css-checkall margin-checkall"></span>
    Link all values.
</div>

<ul>
    <li><label>Top</label><input type="text" class="css-margin" name="" tabindex="1"></li>
    <li><label>Right</label><input type="text" class="css-margin" name="" tabindex="2"></li>
    <li><label>Bottom</label><input type="text" class="css-margin" name="" tabindex="3"></li>
    <li><label>Left</label><input type="text" class="css-margin" name="" tabindex="4"></li>
</ul>
</div>

Answer 1

这对你有用..！

＆＃13;

$(document).ready(function() {
    $('.margin-checkall').parent().next('ul').find('li').each(function() {
    	$(this).find('.css-margin').val('Text for test');
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="check-all">
    <span class="dashicons dashicons-lock css-checkall margin-checkall"></span>
    Link all values.
</div>

<ul>
    <li><label>Top</label><input type="text" class="css-margin" name="" tabindex="1"></li>
    <li><label>Right</label><input type="text" class="css-margin" name="" tabindex="2"></li>
    <li><label>Bottom</label><input type="text" class="css-margin" name="" tabindex="3"></li>
    <li><label>Left</label><input type="text" class="css-margin" name="" tabindex="4"></li>
</ul>

＆＃13;

Answer 2

$('.margin-checkall.checked').parent().next().find('.css-margin').each(...)

这读作：查找带有margin-checkall类的元素并检查;得到父（div）;得到下一个元素（ul）;在其中找到具有类css-margin的每个元素;最后你的每个功能

jQuery找到最接近的ul并仅检查那些输入

2 个答案: