javascript - .id() method failing on jQuery selector -


Using jquery, trying to create a function based on id which creates a divide slide below <

 
$ ('meet-the-team') .on ('click', function () {var member = $ (this) .id (); var parts = Member. Split (); var id = parts [parts.length - 1]; $ ("member-profile #profile" + id) .slideDown ();});
  & lt; Script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> & Lt; Div class = "pure-living meeting-the-team" & gt; & Lt; Div class = "net-u-1-4 meeting-the-team -a" id = "member-one" & gt; A & lt; / Div & gt; & Lt; Div class = "net-u-1-4 meeting-the-team-b" id = "member-a" & gt; B & lt; / Div & gt; & Lt; Div class = "net-u-1-4 meeting-the-team-c" id = "member-a" & gt; C & lt; / Div & gt; & Lt; Div class = "net-u-1-4 meeting-to-team-d" id = "member-one" & gt; D & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "pure-living member-profile member profile- a" id = "profile-one" & gt; & Lt; Div class = "net-u-10-24 member profile-left" & gt; & Lt; H1 & gt; Jordan McCord & lt; / H1> & Lt; H2 & gt; Designer / user experience & lt; / H2 & gt; & Lt; I class = "fa-linkedin-square fa-6" & gt; & Lt; / I & gt; & Lt; / Div & gt; & Lt; Div class = "net-u-14-24 member profile-right" & gt; & Lt; P & gt; Jordan is a user interface and user experience designer, who has been working on several exciting projects with 8 years of experience, who use their core skills in design and front end web development. Jordan is passionate about design and user interaction and in its spare time, she actually enjoy writing about herself in the third person. & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "pure-living member-profile member-profile -b" id = "profile-b" & gt; & Lt; Div class = "net-u-10-24 member profile-left" & gt; & Lt; H1 & gt; Adam McCord & lt; / H1> & Lt; H2 & gt; Designer / user experience & lt; / H2 & gt; & Lt; I class = "fa-linkedin-square fa-6" & gt; & Lt; / I & gt; & Lt; / Div & gt; & Lt; Div class = "net-u-14-24 member profile-right" & gt; & Lt; P & gt; Jordan is a user interface and user experience designer, who has been working on several exciting projects with 8 years of experience, who use their core skills in design and front end web development. Jordan is passionate about design and user interaction and in its spare time, she actually enjoy writing about herself in the third person. & Lt; / P & gt; & Lt; / Div & gt;  

Thanks in advance for this people. / div>

  $ ('.- match-the-team div '). ('Click', function () {Var member = $ (this) .attr ('id'); var parts = member. Split ('-'); var id = parts [parts.length - 1]; $ ("Member- Profile-" + ID). Slip Down ();});   

This should work if you want to delete $ ("# profile-" + id) instead of $ ("member-profile-" + id) .slideDown (); can also be used. SlideDown (); .

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

C++ Array Type Not Assignable in Copy Constructor -