繁体   English   中英

如何通过标签在div中查找元素

[英]How to find elements inside div by tag

当我尝试这样做时:

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

或这个:

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

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

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

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

有任何想法吗?

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

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

:input伪选择器用于选择多种输入元素,例如输入,选择,文本区域等

选择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
var element_current_classes = $("#form_div select").attr('class');

您不需要:选择器以获得文本区域或选择。 只需使用元素选择器。 尝试这个

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

teaxtarea诸如:input类的选择器与HTML标记名称(如teaxtarea

$("#form_div textarea");

将在具有ID HTML属性id="form_div"元素内寻找HTML标签<textarea>

鉴于:

$("#form_div :input");

将在具有`id =“ form_div”的元素内查找所有输入标签,例如<textarea><input><select><button>

选择器(以:开头)是jQuery特定的。 参见: http : //api.jquery.com/category/selectors/

如何访问`<div> `标签内的`<p> `标签? </p></div><div id="text_translate"><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-js lang-js prettyprint-override"> $("p div").click(function() { $(this).css({ "color": "#F00", "font": "bold 20px verdana", "background-color": "#0FF" }); });</pre><pre class="snippet-code-html lang-html prettyprint-override"> &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt; &lt;p&gt;Hello&lt;div&gt; World!&lt;/div&gt;&lt;/p&gt;</pre></div></div><p></p><p> 当我单击“世界”文本时,什么也没有发生,当我检查元素时,它说:</p><pre class="lang-html prettyprint-override"> &lt;p&gt;Hello&lt;/p&gt; &lt;div&gt; World&lt;/div&gt; &lt;p&gt;&lt;/p&gt;</pre><p> 注意那些&lt;p&gt;标签。 怎么会这样?</p></div>

[英]How to access a `<div>` tag inside a `<p>` tag?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM