A couple of us are stuck out here
I'm looking for some jQuery syntax help (the interwebs haven't been all that helpful). Here's what I want to do: On line 6, I want to assign to a variable the child class name for an element with the parent class of .tabs. Then, on line 11, I want to refer to that class name as the child class of an element with the parent class of .tab-content. Any ideas?
$(document).ready(function() {
$('#show-tab').addClass('active-tab');
$('#show-content').addClass('active-content');
$('.tabs').on('click', function() {
var selected = $(this).attr('.tabs > class');
$('.tab-text').fadeOut('slow');
$('.tab-content').removeClass('active-content');
$('.tabs').removeClass('active-tab');
$('this').addClass('active-tab');
$('.tab-content' + '.' + selected).fadeIn('slow');
console.log(selected);
});
});
$(document).ready(function() {
$('#show-tab').addClass('active-tab');
$('#show-content').addClass('active-content');
$('.tabs').on('click', function() {
var selected = $(this).attr('.tabs > class');
$('.tab-text').fadeOut('slow');
$('.tab-content').removeClass('active-content');
$('.tabs').removeClass('active-tab');
$('this').addClass('active-tab');
$('.tab-content' + '.' + selected).fadeIn('slow');
console.log(selected);
});
});
Hunh...wrapped it in backticks both times and it's still coming out weird. (Feel free to delete the second post...I can't seem to do that.)
This message was deleted
not sure if you guys noticed this, but here is a much more expanded series of lectures on yesterday's topic https://www.youtube.com/playlist?list=PLB_QFf1fzn9OVZHWCwf6NkXpkI55LXsRk
@stephanielingwood It looks like you're passing the wrong argument to
var selected = $(this).attr('.tabs > class');The .attr() method should take one of the elements attributes
So here:
<a href="mydomain.com" class="myclass" id="primary-link">something</a>The attributes of the anchor tag are "href","class" and "id".
go to lodash.com and open dev tools
_ is in the global scope on lodash.com
well, it works on lodash.com's dev tools anyway, that's what I was looking for, thank you!
@walkermalling thanks for the reply. And sorry if I wasn't clear in my post last night - my brain was toasted. Anyway, if I write it like this - .attr('class') - it only gets the parent class. The particular element I'm targeting has two classes; the class assigned to the list it's in (.tabs), and the class assigned to this element and one other (.tab1). I'm trying to get it to find the .tab 1 class, so I can assign that .tab1 class to a variable I can refer to later.
bitwise stuff can be a bit funky
the most common one you see is
~~ which is used as a faster Math.floor
ill be there so itll be a good opportunity to get some feedback
if you guys are curious what kind of apps people are using client mvc frameworks for here's a link with some http://builtwithember.io/
I am using this so when you click on one image another appears in its place and then clicking on the new one brings in another new one.
$(".image").click(function(){
$(this).next().addClass("image").removeClass("noImage")
$(this).removeClass("image").addClass("noImage")
})for some reason it is only working the first time. It seems like it should keep working because each new image is taking on the image class so it should respond to the next click, or thats what I thought.
If you make a jsfiddle with it I wouldn't mind messing with it and seeing if I can find an answer for you. :)
that would be awesome. the next is referring to the next sibling.
http://jsfiddle.net/#&togetherjs=FzVBI3KcVF
http://jsfiddle.net/#&togetherjs=FzVBI3KcVF
beware, it is not aesthetically pleasing yet