How can i find the next element by class.
i tried with $(obj).next('.class'); but this returns classes only in $(obj) parent.
I need to take the next element anywhere throughout the code by class name.
Because my code looks like
<table>
<tr><td><div class="class">First</div></td></tr>
<tr><td><div class="class">Second</div></td></tr>
</table>
Is this possible?
Given a first selector: SelectorA, you can find the next match of SelectorB as below:
Example with mouseover to change border-with:
$("SelectorA").on("mouseover", function() {
var i = $(this).find("SelectorB")[0];
$(i).css({"border" : "1px"});
});
}
General use example to change border-with:
var i = $("SelectorA").find("SelectorB")[0];
$(i).css({"border" : "1px"});
To find next element by tag name
function findNext(start, tag)
{
while(start.nodeName !== tag)
{
start = start.nextElementSibling;
}
return start;
}