2016-02-15 2 views
0

Как проверить, что элемент div с id имеет элемент p с определенным классом или не использует чистый JavaScript или JQuery.Поиск элемента с использованием JavaScript

Я использую этот код:

<div id="div"> 
 
     <input type="text" class="form-control" id="name" placeholder="Full Name"> 
 
    </div>

x = document.getElementById("div").getElementsByTagName("p").length; 

Но он проверяет все p элементы, я хочу длину p элементов с конкретным классом.

ответ

1

Вы можете использовать x = document.getElementById("Id_of_div").getElementsByClassName("class_name").length;.

class_name - класс элементов p.

+0

Нет, он не работает, спасибо – rayees

+0

сделал и заменил Id_of_div тем, что вы даете –

+0

Спасибо, сэр, это работает. – rayees

1

Обновление с обновляемой вопрос:

var x = document.querySelectorAll("#div p.form-control").length; 

или это работает, чтобы быть полностью прописаны:

var x = document.querySelectorAll("div#div p[name='name'].form-control").length; 
+0

Сэр я добавил html, на самом деле я хочу добавить сообщение об ошибке под элементом ввода с помощью тега p, и для этого я хочу, чтобы длина p-тэгов с классом ошибок. – rayees

+0

Также в решении, которое вы указали, что «div» - это id или это имя тега. – rayees

+0

Обновлен мой ответ. –

Смежные вопросы