Ссылка на элемент в элементе, найденном по индексу

У меня есть неупорядоченный список, содержащий несколько элементов в каждом элементе списка. Мне нужно указать флажок под одним из элементов li, найденных по индексу:

<ul class = "multiselect-container dropdown-menu" style = "max-height: 600px; overflow: hidden auto;">
    <li>
        <label class = "checkbox"><input type = "checkbox" value = "object:514">Item 1</label>
    </li>
    <li>
        <label class = "checkbox"><input type = "checkbox" value = "object:515">Item 2</label>
    </li>
    <li>
        <label class = "checkbox"><input type = "checkbox" value = "object:516">Item 3</label>
    </li>
    <li>
        <label class = "checkbox"><input type = "checkbox" value = "object:517">Item 4</label></li>
    <li>
        <label class = "checkbox"><input type = "checkbox" value = "object:525">Item 5</label>
    </li>
</ul>

Я могу получить элемент li с индексом 3 с помощью:

$('ul li').eq(3)

... но как мне сослаться на конкретный ввод [type = checkbox] под li в индексе 3?

гм, выбрать вход? ...eq(3).find("input")

— 26.10.2018 17:09

флажок внутри тега привязки? Я не думаю, что это правильный HTML.

— 26.10.2018 17:10

Это фактически автоматически сгенерированный код из элемента управления bootstrap-multiselect. но спасибо за селектор, который работает. Я удалю тег привязки, чтобы избежать путаницы.

— 26.10.2018 17:20

jquery css

26.10.2018 17:08

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я думаю, что ваш HTML-код немного странный, как указано в комментариях. Если вы хотите получить конкретный ввод, вы можете сделать это следующим образом:

Фрагмент кода

var checkboxValue = $('ul li').eq(3).find("input[type='checkbox']").val();
console.info(checkboxValue);

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class = "multiselect-container dropdown-menu" style = "max-height: 600px; overflow: hidden auto;">
<li>
    <a tabindex = "0" href = "javascript:void(0)">
    <label class = "checkbox"><input type = "checkbox" value = "object:514">Item 1</label>
    </a>
</li>
<li>
    <a tabindex = "0" href = "javascript:void(0)">
    <label class = "checkbox"><input type = "checkbox" value = "object:515">Item 2</label>
    </a>
</li>
<li>
    <a tabindex = "0" href = "javascript:void(0)">
    <label class = "checkbox"><input type = "checkbox" value = "object:516">Item 3</label>
    </a>
</li>
<li>
    <a tabindex = "0" href = "javascript:void(0)">
    <label class = "checkbox"><input type = "checkbox" value = "object:517">Item 4</label>
    </a>
</li>
<li>
    <a tabindex = "0" href = "javascript:void(0)">
    <label class = "checkbox"><input type = "checkbox" value = "object:525">Item 5</label>
    </a>
 </li>
</ul>

Я использовал метод поиска (здесь: https://api.jquery.com/find/).

26.10.2018 17:21