how to check for jQuery's FIND result

This question already has an answer here: Check if element exists in jQuery [duplicate] 8 answers Is there an “exists” function for jQuery? 36 answers You were very close! Simply check for selected.length instead of selected . Demo for parent selection $(document).ready(function() { var parent = $(this).find(".parent"); if (parent) { var selected = parent.find("div.selected

如何检查jQuery的FIND结果

这个问题在这里已经有了答案: 检查jQuery中是否存在元素[复制] 8个答案 jQuery有没有“存在”功能? 36个答案 你非常接近! 只需检查selected.length而不是selected 。 家长选择演示 $(document).ready(function() { var parent = $(this).find(".parent"); if (parent) { var selected = parent.find("div.selected"); if (selected.length) { selected.css({ "color": "blue",

Check if a DIV element exists by its class in jQuery

This question already has an answer here: Check if element exists in jQuery [duplicate] 8 answers 您可以查找该对象,然后检查是否找到一个对象: if ($(".views-row-4").length) { // at least one element with class "views-row-4" } 要检查一个div是否存在,你可以使用下面的jquery代码片断。 if( $('.your-class').length ) { //CODE IF DIV EXIST } 试试这个$('.view-content').children().length

检查jQuery中的类是否存在DIV元素

这个问题在这里已经有了答案: 检查jQuery中是否存在元素[复制] 8个答案 您可以查找该对象,然后检查是否找到一个对象: if ($(".views-row-4").length) { // at least one element with class "views-row-4" } 要检查一个div是否存在,你可以使用下面的jquery代码片断。 if( $('.your-class').length ) { //CODE IF DIV EXIST } 试试这个$('.view-content').children().length

How to check jQuery find return true or false?

This question already has an answer here: Check if element exists in jQuery [duplicate] 8 answers You couldn't use just find in if condition. You could use has or check for the length property. var elm = $('.parent1'); if(elm.has('.child3')){ var child3 = elm.find('.child3'); } Or simply like this var child3 = $('.parent1').find(".child3"); if(child3.length > 0) { // child3 is

如何检查jQuery查找返回true或false?

这个问题在这里已经有了答案: 检查jQuery中是否存在元素[复制] 8个答案 你不能使用刚刚find的if条件。 您可以使用has或检查length属性。 var elm = $('.parent1'); if(elm.has('.child3')){ var child3 = elm.find('.child3'); } 或者就是这样 var child3 = $('.parent1').find(".child3"); if(child3.length > 0) { // child3 is present } 您可以使用.length属性来检查该元素是否存在。 var elem = $(".pare

collapse expands my navbar menu but won't collapse it

"Bootstrap toggle-collapse expands my navbar menu but won't collapse it." I've tried messing with the classes and data-target and adding extra script to no avail. The menu expands, then when toggled again it sometimes appears to flicker like it drops down and is immediately open again but most of the time nothing seems to happen. In the Chrome inspector aria=true never becom

折叠展开我的导航栏菜单,但不会折叠它

“Bootstrap toggle-collapse展开我的导航栏菜单,但不会折叠它。” 我试着搞乱类和数据目标,并添加额外的脚本无济于事。 菜单展开,然后再次切换时,它有时会闪烁,并会立即打开,但大多数情况下似乎没有任何事情发生。 在Chrome检查员咏叹调=真不会成为虚假。 看起来它会改变但始终保持真实。 我的脚本位于单独的布局文件中,但它们正在工作。 所有其他功能都可以工作,甚至可以工作一半。 这是当前的代码: <nav

Changing hover style on navbar collapse?

Working with Bootstrap 3, I'm trying to figure out how to trigger a class/style change on .navbar-default .navbar-nav > li > a:hover when the navbar collapses. When the navbar is fully expanded, I would like the border color to change on mouse hover. When the navbar is collapsed, I would like the background color to change (in the dropdown) on mouse hover. I'm thinking whatever

更改导航栏合拢的悬停样式?

使用Bootstrap 3,我试图弄清楚如何在.navbar-default .navbar-nav > li > a:hover上触发类/样式更改。 当导航栏完全展开时,我希望在鼠标悬停时更改边框颜色。 当导航栏被折叠时,我希望在鼠标悬停时更改背景颜色(在下拉列表中)。 我在想任何触发导航栏崩溃都可以切换课程,但我无法找到发生的情况。 这可能使引导程序触发样式更改,还是我需要编写自定义函数? 有关如何完成此任何其他建议? 干杯。 你可

show hide specific li at bootstrap

As you ll see at code i use bootstrap and i build a left column using nav nav-pills nav-stacked.This is a ul that contains some li such section1,section2,section3,section4,section5.That i want is to show section1,section2 and section5 and ONLY when i click to section2 expands under this section,section3 and 4 (Show only first second and fith li and when click second li expands third and fourth).I

在bootstrap中隐藏特定的li

正如你会看到在代码我使用bootstrap和我建立一个左列使用导航nav-pills导航堆叠。这是一个UL包含一些锂这样的section1,section2,section3,section4,section5.That我想显示section1 ,第2节和第5节,只有当我点击第2节扩大本节下,第3节和第4节(只显示第一秒和第锂,当点击第二李扩展第三和第四)。我注意到在引导崩溃,但我想用JavaScript构建或jquery在我自己的。任何帮助将是伟大的人。 的jsfiddle HTML <div clas

HTML/CSS span popup display not responsive

I am trying to make a Chrome extension that, when hovering over a p , h1 , etc, will display a popup with that element's font-family . It works for the most part, but doesn't display correctly sometimes, as shown in pictures below. How can I set up the CSS styles such that it will position itself absolutely and will always expand to fit the text AND be fully visible? The extension wor

HTML / CSS弹出窗口显示不响应

我试图制作一个Chrome扩展,当鼠标悬停在p , h1等上面时,会显示一个包含该元素font-family的弹出窗口。 它大部分都能正常工作,但有时无法正确显示,如下图所示。 我怎样才能设置CSS样式,使其能够绝对定位,并且将始终展开以适应文本并且完全可见? 该扩展通过使用appendChild将包含隐藏弹出窗口的跨度添加到当前元素来工作。 请注意,在第二张图片中,由于其父项的约束,弹出窗口被切断。 CSS: .crx_mouse_visited:

Hide a DIV when the user clicks outside of it using jQuery

I am using this code: $(document).ready(function(){ $(".SlideDiv").hide(); $(".Show_hide").show(); $('.Show_hide').click(function(){ $(".SlideDiv").slideToggle(); }); }); And this HTML: <a href="#" class="Show_hide">Show/hide</a> <div class="SlideDiv">this is content page <a class="agree" href="https://www.google.com/" target="_blank">google

当用户使用jQuery在其外部点击时隐藏DIV

我正在使用此代码: $(document).ready(function(){ $(".SlideDiv").hide(); $(".Show_hide").show(); $('.Show_hide').click(function(){ $(".SlideDiv").slideToggle(); }); }); 而这个HTML: <a href="#" class="Show_hide">Show/hide</a> <div class="SlideDiv">this is content page <a class="agree" href="https://www.google.com/" target="_blank">google</

In jQuery, how to attach events to dynamic html elements?

This question already has an answer here: Event binding on dynamically created elements? 21 answers I am adding a new answer to reflect changes in later jQuery releases. The .live() method is deprecated as of jQuery 1.7. From http://api.jquery.com/live/ As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use

在jQuery中,如何将事件附加到动态html元素?

这个问题在这里已经有了答案: 事件绑定动态创建的元素? 21个答案 我添加了一个新的答案来反映后来的jQuery版本中的更改。 .live()方法从jQuery 1.7开始已被弃用。 来自http://api.jquery.com/live/ 从jQuery 1.7开始,.live()方法已被弃用。 使用.on()附加事件处理程序。 老版本的jQuery用户应优先使用.delegate(),而不要使用.live()。 对于jQuery 1.7+,您可以使用.on()将一个事件处理程序附加到

How to check a not

I wanted to check whether the variable is defined or not. For example, the following throws a not-defined error alert( x ); How can I catch this error? In JavaScript, null is an object. There's another value for things that don't exist, undefined . The DOM returns null for almost all cases where it fails to find some structure in the document, but in JavaScript itself undefined is

如何检查一个不是

我想检查变量是否已定义。 例如,以下引发一个未定义的错误 alert( x ); 我怎样才能捕捉到这个错误? 在JavaScript中, null是一个对象。 对于不存在的事物还有另外一个价值,那就是undefined 。 对于几乎所有无法在文档中找到某个结构的情况,DOM都会返回null ,但在JavaScript中本身undefined是所使用的值。 其次,不,没有直接的等价物。 如果你真的想特别检查null ,那么: if (yourvar === null) // Does not exe