javascript - 如何通过标签查找div内的元素

Question

当我试图这样做时：

var element_current_classes=($("#form_div :textarea").attr('class'));

或这个：

var element_current_classes=($("#form_div :select").attr('class'));

我收到此错误 -未捕获的错误：语法错误，无法识别的表达式：不支持的伪：textarea

它仅适用于“输入”和按钮

我想做的是通过标签在表单中查找元素

有任何想法吗？

Answer 1

没有调用选择器:textarea或:select- 您可以使用元素选择器来选择文本区域或选择元素

$("#form_div textarea").attr('class')
$("#form_div select").attr('class')

: input 伪选择器用于选择多种输入元素，如 input、select、textarea 等

Answer 2

选择 html 元素的正确方法是

var element_current_classes=($("#form_div textarea").attr('class'));
var element_current_classes=($("#form_div select").attr('class'));

注意：在 jQuery 中，对于 html 标签和表单元素，我们使用标签的名称

$('div').hide(); // this code will hide all divs

as:是用于获取特定标签或元素的选择器

$('div:last').hide(); // this code will hide only last div

Answer 3

var element_current_classes = $("#form_div select").attr('class');

Answer 4

您不需要:选择器来获取 textarea 或 select 。只需使用元素选择器。试试这个

 var element_current_classes=$("#form_div select").attr('class'); //select
 var element_current_classes=$("#form_div textarea").attr('class'); //textarea

Answer 5

您将选择器:input与 HTML 标记名称混淆，例如teaxtarea.

$("#form_div textarea");

<textarea>将在具有 ID HTML 属性的元素中查找 HTML 标记id="form_div"。

然而：

$("#form_div :input");

将在具有 `id="form_div" 的元素中查找所有输入标签，例如<textarea>、和。<input><select><button>

选择器（以 开头:）是 jQuery 特定的。请参阅： http ://api.jquery.com/category/selectors/