如何使用 jquery 选择器获取没有 id 的内部 div

Posted

技术标签:

【中文标题】如何使用 jquery 选择器获取没有 id 的内部 div【英文标题】:How to get inner div without id with jquery selector 【发布时间】:2018-01-15 22:15:37 【问题描述】:

我想选择不带idclass 的内部div

<div id="gjs">
   <div>
     pick inner div without id or class
   </div>
</div>

在 jQuery 中:

$("Selector=?").html();

【问题讨论】:

abc $('div &gt; div') ? 我试过了,但是不行 abc gjs 是编辑器 ID,但我必须获取内部 div html 我想要这个结果 abc 【参考方案1】:

试试这个:

$('.gjs').find('div');

阅读此文档: jQuery Find

【讨论】:

返回一个 jQuery 对象。不是 OP 所期望的。【参考方案2】:

这里有一个解决方案https://jsfiddle.net/eho6ouye/1/

console.log($('#gjs').find('div').text());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="gjs"> <div>abc</div> </div>

【讨论】:

【参考方案3】:

如果你想要元素本身&lt;div&gt;abc&lt;/div&gt;,那么就这样做:$('#gjs &gt; div')[0]

这适用于任何 jQuery 对象。 $('.someSelector')[0] 会给你对象的元素,和document.getElementById('id') 一样 $('.someSelector') 将为您提供一个用于所述选择器的 jQuery 对象

【讨论】:

以上是关于如何使用 jquery 选择器获取没有 id 的内部 div的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 jQuery id 选择器选择单元格

jquery中,怎么设置值。怎么获取值,怎么修改值 求代码

jQuery 中的 DOM 选择器,用于没有 ID 或 CLASS 名称标签的元素

Jquery 选择器获取所有带有 ID 模式的选择下拉列表

获取当前的jQuery选择器字符串?

如何从 jQuery 选择器中获取 DOM 元素?