jquery: проверьте, есть ли хотя бы один .element, содержащий хотя бы один .element2

Question

jquery: проверьте, есть ли хотя бы один .element, содержащий хотя бы один .element2

0

Некоторое время я занимался этим, не могу понять.

Вскоре мне нужно проверить, соответствует ли контент на определенной странице/сегменте/имеет соответствующий формат.

условия

должен быть хотя бы один элемент.box
каждый элемент.box должен содержать один или несколько элементов div класса.question
каждый.question должен содержать два или более: переключатели

Это было бы нормально (не путайте с остальными элементами, это просто настоящий пример):

<div class="box" type="1">
        <div class="question">
            <div class="answers">
                <table>
                    <tr>
                        <td><input type="radio" name="someName" value="1" /><label>Some Label Here..</label></td>
                        <feedback>Question response 1.<strong>some quoted content in bold</strong></feedback>
                    </tr>
                    <tr>
                        <td><input type="radio" name="someName" value="1" /><label>Some Label Here..</label></td>
                        <feedback>Question response 1.<strong>some quoted content in bold</strong></feedback>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="box" type="1">
        <div class="question">
            <div class="answers">
                <table>
                    <tr>
                        <td><input type="radio" name="someName" value="1" /><label>Some Label Here..</label></td>
                        <feedback>Question response 1.<strong>some quoted content in bold</strong></feedback>
                    </tr>
                    <tr>
                        <td><input type="radio" name="someName" value="1" /><label>Some Label Here..</label></td>
                        <feedback>Question response 1.<strong>some quoted content in bold</strong></feedback>
                    </tr>
                </table>
            </div>
        </div>
    </div>

Но это не сработает, потому что в одном.question div (последний) он имеет только один: переключатель, чтобы он недействителен:

<div class="box" type="1">
        <div class="question">
            <div class="answers">
                <table>
                    <tr>
                        <td><input type="radio" name="someName" value="1" /><label>Some Label Here..</label></td>
                        <feedback>Question response 1.<strong>some quoted content in bold</strong></feedback>
                    </tr>
                    <tr>
                        <td><input type="radio" name="someName" value="1" /><label>Some Label Here..</label></td>
                        <feedback>Question response 1.<strong>some quoted content in bold</strong></feedback>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="box" type="1">
        <div class="question">
            <div class="answers">
                <table>
                    <tr>
                        <td><input type="radio" name="someName" value="1" /><label>Some Label Here..</label></td>
                        <feedback>Question response 1.<strong>some quoted content in bold</strong></feedback>
                    </tr>
                    <tr>
                        <td><label>Some Label Here..</label></td>
                        <feedback>Question response 1.<strong>some quoted content in bold</strong></feedback>
                    </tr>
                </table>
            </div>
        </div>
    </div>

Я пробовал что-то вроде этого, но это не работает для меня...:

if ($ ('. box'). filter (function() {var self = $ (this); return self.find('. question'). length == 1 && self.find('. question: radio').length> 1;}). length> 0) {alert ('NO')} else {$ ('. box: first'). fadeIn (1000); }
и это:

if ($ ('. box'). length) {$ ('. box'). each (function() {if ($ (". question", this).length) {$ (". question"). каждый (функция() {if ($ (': radio', this).length> 1) alert ('ok')});}

}); } else {alert ('! ok'); }; };

mariotanenbaum 25 окт. 2013, в 18:29

Источник

Теги:

jquery

2 ответа

Ещё вопросы

Arun P Johny · Answer 1 · 2013-10-25T14-34-00.000Z

1

Пытаться

var $boxes = $('.box'),
    valid = $boxes.length > 0;
if (valid) {
    $boxes.each(function (idx, box) {
        var $box = $(this),
            $qtns = $box.find('.question');
        if ($qtns.length == 0) {
            valid = false;
            return false;
        }
        valid = $qtns.filter(function () {
            return $(this).find('input[type="radio"]').length < 2;
        }).length == 0;
        if (!valid) {
            return;
        }
    })
}
alert(valid)

Демо: скрипка

Arun P Johny 25 окт. 2013, в 14:34

0

UH: D позвольте мне проверить это: D я думал, что это может быть одна цепочка SMART JQuery: D
user2260237 25 окт. 2013, в 16:19
0

@mariotanenbaum может быть .... Я не особо задумывался об этом ....
Arun P Johny 25 окт. 2013, в 16:21
0

ах, не получается ... :( jsbin.com/aRuvOlA/3/edit?html,js,output
user2260237 25 окт. 2013, в 16:23
0

@mariotanenbaum попробуйте jsfiddle.net/arunpjohny/4SbXb/2
Arun P Johny 25 окт. 2013, в 16:49
0

:( Хорошо, просто удалите один элемент <input, и он не будет работать .. снова .. см. Jsfiddle.net/arunpjohny/4SbXb
user2260237 25 окт. 2013, в 16:51
0

Он должен потерпеть неудачу, если есть только одно <input type = "radio ..., и пропустить, если есть еще, включая и то, что другие условия также выполнены
user2260237 25 окт. 2013, в 16:52
0

@mariotanenbaum см. jsfiddle.net/arunpjohny/4SbXb/3 и jsfiddle.net/arunpjohny/4SbXb/4 и jsfiddle.net/arunpjohny/4SbXb/5
Arun P Johny 25 окт. 2013, в 16:58
0

jsfiddle.net/arunpjohny/4SbXb/3 должен завершиться сбоем, а jsfiddle.net/arunpjohny/4SbXb/4 должен пройти :(
user2260237 25 окт. 2013, в 17:15
1

@mariotanenbaum второй должен потерпеть неудачу, потому что есть элемент box без question
Arun P Johny 25 окт. 2013, в 17:20
0

пожалуйста, опубликуйте это как ответ
user2260237 25 окт. 2013, в 18:59

Показать ещё 8 комментариев

tymeJV · Answer 2 · 2013-10-25T13-36-00.000Z

1

.filter должен работать:

$(".box .question").filter(function() {
    return $(this).find(":radio").length >= 2;
});

tymeJV 25 окт. 2013, в 13:36

0

к сожалению дело не проходит ... :(
user2260237 25 окт. 2013, в 16:03
0

Как так? Что происходит?
tymeJV 25 окт. 2013, в 16:03
0

если в одном из div .question я поставил только один: переключатель, он все равно проходит нормально ... я пробовал следующим образом: if ($ (". box .question"). filter (function () {return $ (this). find (": radio"). length> = 2;})) alert ('yes'); остальное предупреждение («нет»);
user2260237 25 окт. 2013, в 16:09
0

Он предупредит, потому что что-то есть, и вернет разделы .box .question которые соответствуют вашим критериям. Что тебе нужно делать дальше?
tymeJV 25 окт. 2013, в 16:12
0

все 3 критерия должны быть выполнены ... если он не работает на 1. или 2. он не должен проверять дальше ...
user2260237 25 окт. 2013, в 16:14

Показать ещё 3 комментария