I am working on an html page where i have div element and also a inner div element. In the inner div element there is a image element. The main and inner div are 2 in numbers.
<div class="owl-stage-outer">
<div class="owl-item" style="width: 1903px;"><div class="header-single-slider">
<figure>
<img src="assets/img/sliders/slider01.jpg" alt="">
<figcaption>
<div class="content">
<div class="container inner-content text-left">
<h1 style="display: block;" class="fadeInUp animated">We Build Your<br><span>Business</span> IDEA</h1>
<p style="display: block;" class="fadeInDown animated">There are many variations of passages of Lorem Ipsum available but the majority have suffered injected humour dummy now.</p>
<a target='_blank' href="#" class="boxed-btn fadeInDown animated" style="display: inline-block;">Read More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</figcaption>
</figure>
</div></div>
<div class="owl-item active" style="width: 1903px;"><div class="header-single-slider">
<figure>
<img src="assets/img/sliders/slider02.jpg" alt="">
<figcaption>
<div class="content">
<div class="container inner-content text-left">
<h1 style="display: block;" class="fadeInUp animated">We Build Your<br><span>Business</span> IDEA</h1>
<p style="display: block;" class="fadeInDown animated">There are many variations of passages of Lorem Ipsum available but the majority have suffered injected humour dummy now.</p>
<a target='_blank' href="#" class="boxed-btn fadeInDown animated" style="display: inline-block;">Read More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</figcaption>
</figure>
</div></div>
</div>
Here the main div whose class is 'owl-item' is used 2 times and the inner div whose class is 'header-single-slider' is also used 2 times. When the program runs The main div whose class is 'owl-item', its class changes to 'owl-item acitve' means this class is active now and second div class remain as 'owl-item'. after some seconds the second div will becomes active and its class becomes'owl-item active' and first will remain inactive and its class will be 'owl-item'
I want to find the image src of that div whose class is 'owl-item active'. For this i used the following query:
alert($('.owl-item active').children('div').children("img").attr('src'));
But it is showing alert message as 'Undefined'. How to solve this?
I have this code: v.d = new Date().toLocaleTimeString(); it yields something like this: 20:11:40 So this is the time of day to the second, without milliseconds. My question is: is there a built in ...
I have this code: v.d = new Date().toLocaleTimeString(); it yields something like this: 20:11:40 So this is the time of day to the second, without milliseconds. My question is: is there a built in ...
I am working in node.js web application with express frame work and I need to get result form mysql database. I want to get result in synchronous. It is possible. Please suggest. For Example: result =...
I am working in node.js web application with express frame work and I need to get result form mysql database. I want to get result in synchronous. It is possible. Please suggest. For Example: result =...
I was debugging a strange JavaScript issue, and noticed what I think might be a browser bug in IE11. I'm posting here on StackOverflow as a sanity-check -- and maybe to make sure that someone else ...
I was debugging a strange JavaScript issue, and noticed what I think might be a browser bug in IE11. I'm posting here on StackOverflow as a sanity-check -- and maybe to make sure that someone else ...
I do not understand the error that I am seeing, nor what I should change in my ESLint configurations to fix it, after digging around for a while. I have a snippet of JS code using ECMA Version 6 (ES6)...
I do not understand the error that I am seeing, nor what I should change in my ESLint configurations to fix it, after digging around for a while. I have a snippet of JS code using ECMA Version 6 (ES6)...