blocks|key|1285685|text|我想你需要的是find()函数，而不是closest()函数。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1285686|entityMap^0|7|6|J|9|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

I thing you want the function <code>find()</code>, not <code>closest()</code>.

blocks|key|1367225|text|closest查找元素最接近的父元素，而find().filter(':first')查找元素中的第一个子元素。或者用医生的话说：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1367226|最近：|1367227|1367228|对于集合中的每个元素，通过测试元素本身并遍历其在DOM树中的祖先，获取与选择器匹配的第一个元素。|blockquote|1367229|1367230|1367231|查找：|1367232|1367233|获取由选择器、jQuery对象或元素过滤的当前匹配元素集中每个元素的后代。|1367234|1367235|1367236|http://api.jquery.com/closest/|1367237|http://api.jquery.com/find/|1367238|要注释您的代码：|1367239|console.log($(this).closest('img').attr('id'));|code-block|syntax|javascript|1367240|这实际上很糟糕，因为图像不能有孩子，只有当你使用$(image).closest()时，closest()才会返回所选的元素本身，这就是图像。用find替换closest，就可以使用了。|1367241|entityMap|0|LINK|mutability|MUTABLE|url|1^0|0|7|K|N|0|0|0|0|0|0|0|0|0|0|0|0|U|0|0|0|R|1|0|0|0|O|I|18|9|20|4|26|7|0^^$0|@$1|2|3|4|5|6|7|1F|8|@$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1K|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|1L|8|@]|D|@]|E|$]]|$1|I|3|J|5|K|7|1M|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|1N|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1P|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|Q|3|R|5|K|7|1R|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1S|8|@]|D|@]|E|$]]|$1|T|3|-4|5|6|7|1T|8|@]|D|@]|E|$]]|$1|U|3|V|5|6|7|1U|8|@]|D|@$9|1V|A|1W|1|1X]]|E|$]]|$1|W|3|X|5|6|7|1Y|8|@]|D|@$9|1Z|A|20|1|21]]|E|$]]|$1|Y|3|Z|5|6|7|22|8|@]|D|@]|E|$]]|$1|10|3|11|5|12|7|23|8|@]|D|@]|E|$13|14]]|$1|15|3|16|5|6|7|24|8|@$9|25|A|26|B|C]|$9|27|A|28|B|C]|$9|29|A|2A|B|C]|$9|2B|A|2C|B|C]]|D|@]|E|$]]|$1|17|3|-4|5|6|7|2D|8|@]|D|@]|E|$]]]|18|$19|$5|1A|1B|1C|E|$1D|V]]|1E|$5|1A|1B|1C|E|$1D|X]]]]

<code>closest</code> finds the nearest parent of an element, while <code>find().filter(':first')</code> finds the first children inside an element. Or to say it with the doc's words:

closest:

<blockquote>
 For each element in the set, get the first element that matches the
 selector by testing the element itself and traversing up through its
 ancestors in the DOM tree.
</blockquote>

find:

<blockquote>
 Get the descendants of each element in the current set of matched
 elements, filtered by a selector, jQuery object, or element.
</blockquote>

<a href="http://api.jquery.com/closest/" rel="nofollow">http://api.jquery.com/closest/</a> 
<a href="http://api.jquery.com/find/" rel="nofollow">http://api.jquery.com/find/</a>

To comment your code:

<pre><code>console.log($(this).closest('img').attr('id'));
</code></pre>

This is actually pretty bad since images cant have children, this does only work since <code>closest()</code> returns the selected element itself which is the image when you use <code>$(image).closest()</code>. Replace <code>closest</code> with <code>find</code> and you're good to go.

blocks|key|5151138|text|如果你必须在“content-气泡div”中找到所有图片，而不管图片在哪个div中，那么使用下面的命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5151139|$('.content-bubble+img');|code-block|syntax|javascript|5151140|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If u have to find all images inside "content-bubble div" no matter what div the image is inside of then use this :

<pre><code>$('.content-bubble img');
</code></pre>

blocks|key|1279200|text|首先，如果你添加了一把小提琴，那么完全理解你想要实现的目标会容易得多。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1279201|不过，我猜您正在检查图像当前是否可见-这意味着在这段代码中|1279202|(...)
if(isonscreen)
{
++++console.log($(this).closest('img').attr('id'));
}
(...)|code-block|syntax|javascript|1279203|$(this)实际上指的是您感兴趣的图像-因此，您可能只想用$(this).attr('id')检索它的id属性|offset|length|style|CODE|1279204|由于您希望将其限制为放在带有特定类的div中的图像，因此您可能只想检查它的父级之一是否具有类“.content-+by”，方法是：|1279205|$(this).parents('.content-bubble').length|1279206|您还可以使用closest，因为它实际上从您指定的元素开始向上遍历DOM树，并且：|1279207|if($(this).closest('.content-bubble').length)|1279208|在这种情况下，当$(this)或其任何父类具有.content-+would类时，将返回true|1279209|entityMap^0|0|0|0|0|7|U|I|0|0|0|0|0|8|7|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@$K|14|L|15|M|N]|$K|16|L|17|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|18|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|19|8|@]|9|@]|A|$G|H]]|$1|S|3|T|5|6|7|1A|8|@]|9|@]|A|$]]|$1|U|3|V|5|F|7|1B|8|@]|9|@]|A|$G|H]]|$1|W|3|X|5|6|7|1C|8|@$K|1D|L|1E|M|N]]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|Z|$]]

First of all it would be much easier to fully understand what you're trying to achieve if you have added a fiddle of it.

Nevertheless I'm guessing that you're checking whether an image is currently visible - which means that in this piece of code

<pre><code>(...)
if(isonscreen)
{
 console.log($(this).closest('img').attr('id'));
}
(...)
</code></pre>

<code>$(this)</code> actually refers to the image you're interested in - thus you might want to simply retrieve its id attribute with <code>$(this).attr('id')</code>

Since you want to limit it to images which are placed in divs with a specific class, you might just want to check if one of its parents has class '.content-bubble', by

<pre><code>$(this).parents('.content-bubble').length
</code></pre>

You may also use closest, since it actually traverses up the DOM tree from the element you specified, and:

<pre><code>if($(this).closest('.content-bubble').length)
</code></pre>

which in this case would return true when <code>$(this)</code> or any of its parent has class .content-bubble

blocks|key|5151128|text|我正在使用jquery的espy插件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5151129|这就是在div标记中查找最近图像的id的方法。|5151130|$('.content-bubble-img').espy(function+(entered,+state)+{
++++if+(entered)
++++{
++++++++//+element+entered+the+viewport
++++++++//+state+===+'inside'
++++++++console.log('element+entered+viewport');
++++++++console.log($(this).closest('img').attr('id'));
++++}
++++else
++++{
++++++++//+element+left+the+viewport
++++++++if+(state+===+'up')
++++++++{
++++++++++++//+element+is+now+above+the+trigger+area
++++++++++++console.log('element+left+the+viewport');
++++++++}
++++++++else+if+(state+===+'down')
++++++++{
++++++++++++//+element+is+now+below+the+trigger+area
++++++++++++console.log('element+below+the+trigger+area');
++++++++}
++++}
});|code-block|syntax|javascript|5151131|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I'm using the espy plugin for jquery

This is how you find the id of the nearest image inside a div tag 
once the image is visible

<pre><code>$('.content-bubble-img').espy(function (entered, state) {
 if (entered)
 {
 // element entered the viewport
 // state === 'inside'
 console.log('element entered viewport');
 console.log($(this).closest('img').attr('id'));
 }
 else
 {
 // element left the viewport
 if (state === 'up')
 {
 // element is now above the trigger area
 console.log('element left the viewport');
 }
 else if (state === 'down')
 {
 // element is now below the trigger area
 console.log('element below the trigger area');
 }
 }
});
</code></pre>

I need jquery to get the closest id,once the the image is visible. 
this is my query so far 

<pre><code>(...)
if(isonscreen)
{
 //this works, but I need it to find only images inside the content-bubble div tag
 // and of course this grabs any image no matter what div the image is inside of
 console.log($(this).closest('img').attr('id'));
}
(...)

&lt;div class="content-bubble"&gt;
 &lt;h2&gt;{{imageTitle}}&lt;/h2&gt;
 &lt;img src="loading.gif" id="lazyload{{imgId}}" class="content-bubble-img""&gt;
&lt;/div&gt;
</code></pre>

I've tried this but its not working and returns undefined

<pre><code>console.log($(this).closest('.content-bubble-img').find('img').attr('id'));
console.log($('.content-bubble-img').closest('img').attr('id')); 
</code></pre>

how to use the closest function using specific div

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我需要jquery来获取最接近的id，一旦图像可见。到目前为止，这是我的查询(...)if(isonscreen){    //this works, but I need it to find only images inside the content-bubble div tag    // and of course this grabs any image no matter what 

问如何通过特定的div使用最近的函数
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过特定的div使用最近的函数EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过特定的div使用最近的函数
EN