JQuery это. Следующая проверка

Question

JQuery это. Следующая проверка

0

Я борюсь с небольшой проблемой, используя jquery this.next функции.

Я хочу проверить, чтобы он выдавал сообщение, такое как пустое поле и т.д.

здесь html:

<div style="float: left; width: 50px;"><input class="network" type="checkbox" name="netW[]" value="PC1" id="PC1" /></div>
    <div style="float: left; width: 350px;"><span>PC1</span><br /><span class="networkRole">
        <div style="margin-left: 10px; color: red;">
            <input class="NRoles" type="checkbox" name="networkRoles[PC1][]" value="CE" />CE</div>
                <div style="margin-left: 20px; color: #000;"><div style="width: 50px; margin-left: 20px;" class="readwrite"><input type="checkbox" name="rw[PC1][CE][]" value="Read" class="checkRW" /><span style=\"margin-left: 10px;\">Read</span></div>
                <div style="width: 50px; margin-left: 20px;" class="readwrite"><input type="checkbox" name="rw[PC1][CE][]" value="Write" class="checkRW" /><span style=\"margin-left: 10px;\">Write</span></div>
                </div>

и здесь jquery, который не работает в данный момент:

(".checkRW").click(function(){
alert ($(this).parent().next().children('.checkRW'));   
});

Я немного потерялся с этими next(). и т.д. Где я ошибаюсь?

Br, Toby

user2023042 22 нояб. 2013, в 07:28

Источник

0

зависит от того, к чему this относится здесь? что я имею в виду, просто добавьте каждый связанный блок кода, this может быть любой div или вход или что-то в вашем HTML, и мы просто не можем догадаться.
mamdouh alramadan 22 нояб. 2013, в 05:44
0

Привет, это должен быть этот класс = "сеть"
user2023042 22 нояб. 2013, в 05:51
0

this будет относиться к тегу, в этом случае input , который имеет класс checkRW и был щелкнули. Javascript, если он очень специфичен для блоков {} кода, и this всегда будет ссылаться на блок, в котором он находится.
Joshua Wilson 22 нояб. 2013, в 07:57
0

@ user2023042 Голосование за контент одобрено, когда оно хорошо продумано и легко передает идею, здесь есть четкие примеры. Если вы хотите, чтобы голосование было отменено, вы должны отредактировать свой вопрос. Вы можете прочитать больше об этом на stackoverflow.com/about . Настоящая ценность этого сайта в том, что другие пользователи с вашим вопросом прочитают его и подумают: «У меня такая же проблема, как они ее решили». Более четкий вопрос также приводит к лучшим ответам. ;)
Joshua Wilson 26 нояб. 2013, в 16:03

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

Теги:

jquery

2 ответа

0

Если вы пытаетесь перейти ко второму div в этом коде, вам нужен только один parent(), а не два. Второй вызов parent() будет идти на один уровень выше.

russellc 22 нояб. 2013, в 04:12

0

Привет, отредактированный вопрос теперь должен быть немного проще, чтобы проверить это.
user2023042 22 нояб. 2013, в 06:15

Ещё вопросы

зависит от того, к чему this относится здесь? что я имею в виду, просто добавьте каждый связанный блок кода, this может быть любой div или вход или что-то в вашем HTML, и мы просто не можем догадаться.
Привет, это должен быть этот класс = "сеть"
this будет относиться к тегу, в этом случае input , который имеет класс checkRW и был щелкнули. Javascript, если он очень специфичен для блоков {} кода, и this всегда будет ссылаться на блок, в котором он находится.
@ user2023042 Голосование за контент одобрено, когда оно хорошо продумано и легко передает идею, здесь есть четкие примеры. Если вы хотите, чтобы голосование было отменено, вы должны отредактировать свой вопрос. Вы можете прочитать больше об этом на stackoverflow.com/about . Настоящая ценность этого сайта в том, что другие пользователи с вашим вопросом прочитают его и подумают: «У меня такая же проблема, как они ее решили». Более четкий вопрос также приводит к лучшим ответам. ;)
Привет, отредактированный вопрос теперь должен быть немного проще, чтобы проверить это.

Joshua Wilson · Accepted Answer · 2013-11-22T05-10-00.000Z

Проблема в том, что next() только спускается в нем поиск. Вы можете использовать prev() чтобы оглянуться назад или вверх. Или в вашем случае siblings() будут выглядеть в обоих направлениях.

Вы также можете добавить .val() в конце заявления, так что alert будет иметь некоторый человеческий читаемый текст.

Поэтому вы можете попробовать:

$(this).parent().siblings().children('.checkRW').val()

Чтобы проверить ситуацию, полезно перейти в представление разработчика. Если вы находитесь в Firefox, вы можете посмотреть Firebug, щелкнув правой кнопкой мыши на странице и выбрав Inspect Element with Firebug. Затем перейдите на вкладку " Console ". Введите инструкцию для выбора jQuery в нижней части консоли и нажмите Enter. Это отобразит в консоли то, что он выбирает. В вашем случае this не будет работать в консоли, потому что это будет просто указывать на jQuery(), поэтому вам нужно будет добавить атрибут id в свои поля input и выполнить поиск на основе этих данных. Что-то вроде этого:

$('#1').parent().siblings().children('.checkRW').val()

Вот версия того, что вы предложили, чтобы проверить это.

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
    <div style="float: left; width: 50px;">
        <input class="network" type="checkbox" name="netW[]" value="PC1" id="PC1" />
    </div>
    <div style="float: left; width: 350px;">
        <span>PC1</span><br />
        <div class="networkRole">
            <div style="margin-left: 10px; color: red;">
                <input class="NRoles" type="checkbox" name="networkRoles[PC1][]" value="CE" />CE
            </div>
            <div style="margin-left: 20px; color: #000;">
                <div style="width: 50px; margin-left: 20px;" class="readwrite">
                    <input id="1" type="checkbox" name="rw[PC1][CE][]" value="Read" class="checkRW" />
                    <span style="""margin-left: 10px;\">Read</span>
                </div>
                <div style="width: 50px; margin-left: 20px;" class="readwrite">
                    <input id="2" type="checkbox" name="rw[PC1][CE][]" value="Write" class="checkRW" />
                    <span style="""margin-left: 10px;\">Write</span>
                </div>
            </div>
        </div>
    </div>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript">
    $( document ).ready( function() {
        $(".checkRW").click(function(){
            alert ($(this).parent().siblings().children('.checkRW').val());   
        });
    });
    </script>
</body>
</html>