javascript中的反向遍历

我有一个这样的结构

<div class="spacedlinkboldwrap cat-heading">10-Step Courses</div><div class="spacedlinkwrap"><a href="/testimonials/10-steps-insecurity-relationships" class="purple-color">10 Steps to Overcome Insecurity in Relationships</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/10-steps-public-speaking" class="purple-color">10 Steps to Powerful Public Speaking</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/10-steps-self-esteem" class="purple-color">10 Steps to Solid Self Esteem</a></div>
<div class="spacedlinkboldwrap cat-heading">Addiction Help</div><div class="spacedlinkwrap"><a href="/testimonials/chocolate-addiction" class="purple-color">Chocolate Addiction</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/alcohol-abuse" class="purple-color">Diminish Alcohol Abuse</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/gambling-addiction" class="purple-color">Gambling Addiction</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/alcohol" class="purple-color">Stay Off Alcohol</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/obsessive-thoughts" class="purple-color">Stop Obsessive Thoughts</a></div>
<div class="spacedlinkboldwrap cat-heading">Alternative Cancer Treatments</div><div class="spacedlinkwrap"><a href="/testimonials/stay-positive" class="purple-color">Cancer - Stay Positive</a></div>
<div class="spacedlinkboldwrap cat-heading">Bad Habits</div><div class="spacedlinkwrap"><a href="/testimonials/lip-biting" class="purple-color">Lip Biting</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/nail-biting" class="purple-color">Stop Nail Biting</a></div>
<div class="spacedlinkboldwrap cat-heading">Clinical Hypnotherapy</div><div class="spacedlinkwrap"><a href="/testimonials/noise-sensitivity" class="purple-color">Noise Sensitivity</a></div>
<div class="spacedlinkboldwrap cat-heading">Communication Skills</div><div class="spacedlinkwrap"><a href="/testimonials/meeting-people" class="purple-color">Meeting People</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/speaking-groups" class="purple-color">Speaking Clearly</a></div>
<div class="spacedlinkboldwrap cat-heading">Customer Service</div><div class="spacedlinkwrap"><a href="/testimonials/general/customer-service" class="purple-color">Feedback from our customers</a></div>
<div class="spacedlinkboldwrap cat-heading">Depression Self Help</div><div class="spacedlinkwrap"><a href="/testimonials/depression-treatment" class="purple-color">Full Depression Treatment</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/managing-bipolar-disorder" class="purple-color">Managing Bipolar Disorder</a></div>
<div class="spacedlinkboldwrap cat-heading">Emotional Intelligence</div><div class="spacedlinkwrap"><a href="/testimonials/be-kinder" class="purple-color">Be Kinder</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/dealing-guilt" class="purple-color">Dealing with Guilt</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/jealousy" class="purple-color">Overcome Jealousy</a></div>
<div class="spacedlinkboldwrap cat-heading">Fears and Phobias</div><div class="spacedlinkwrap"><a href="/testimonials/dentist" class="purple-color">Dental Phobia</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/driving-test" class="purple-color">Driving Test</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/fear-bridges" class="purple-color">Fear of Bridges</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/fear-driving" class="purple-color">Fear of Driving</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/fear-failure" class="purple-color">Fear of Failure</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/fear-flying" class="purple-color">Fear of Flying</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/fear-heights" class="purple-color">Fear of Heights</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/travel" class="purple-color">Fear of Travel</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/hayfever-relief" class="purple-color">Fear of Water</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/fear-of-women" class="purple-color">Fear Of Women</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/singers-nerves" class="purple-color">Musicians &amp; Singers Nerves</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/fear-anxiety" class="purple-color">Overcome Fear &amp; Anxiety</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/claustrophobia" class="purple-color">Overcoming Claustrophobia</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/performance-anxiety" class="purple-color">Performance Anxiety</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/panic-attacks" class="purple-color">Stop Panic Attacks</a></div>
<div class="spacedlinkboldwrap cat-heading">Fun Hypnosis</div><div class="spacedlinkwrap"><a href="/testimonials/cloud-nine" class="purple-color">Cloud Nine</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/happy-days" class="purple-color">Happy Days</a></div>
<div class="spacedlinkboldwrap cat-heading">Health Issues</div><div class="spacedlinkwrap"><a href="/testimonials/essential-tremor" class="purple-color">Essential Tremor</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/migraines" class="purple-color">Get Rid of Migraines</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/hayfever-relief" class="purple-color">Hayfever Relief</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/healing" class="purple-color">Healing Power Hypnosis</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/improve-posture" class="purple-color">Improve Posture</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/prepare-surgery" class="purple-color">Prepare for Surgery</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/restless-legs" class="purple-color">Restless Legs Syndrome</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/teeth-grinding" class="purple-color">Teeth Grinding</a></div>
<div class="spacedlinkwrap"><a href="/testimonials/wart-treatment" class="purple-color">Wart Treatment</a></div>

10步课程
戒毒
替代性癌症治疗
坏习惯
临床催眠疗法
沟通技巧
客户服务
抑郁症自助
情商
恐惧和恐惧
趣味催眠
健康问题

---

这个类名是我的类别：

spacedlinkboldwrap cat heading

，它的子类别是

spacedlinkwrap

。现在我想用它的类别名跟踪用户的点击……但我没有进入这个结构。

你可以使用jQuery

。prevAll

：

演示：

示例代码：

从本参考文件：

给定一个表示一组DOM元素的jQuery对象 .prevAll（）方法搜索这些元素的前置项 在DOM树中，从匹配的 元素；元素按从开始的顺序返回 最近的兄弟姐妹

注意最后一行：“元素以最接近的同级开始的顺序返回”

因此，代码

$p.prevAll（“.cat heading”）.html（）

将获得最接近目标锚的第一个匹配元素的内容

编辑：

---

根据您在上面某处的评论，您正在使用jQuery 1.4；因此，只需将

.on（“单击”）。

语法替换为

。单击（..

语法。或

绑定（“单击”）..

语法。

根据标题，这可能是的重复。至于问题的主体：你真的不清楚你想要实现什么。这是一个垂直菜单吗？还是仅仅是一个链接？有jQuery 1.4，所以plz代码w.r.t。不，它不是菜单等等。我只是想喜欢这个…示例：假设用户点击这个“减少酒精滥用”的文本，然后我想得到它的父母的意思是类别名称，即：“10步课程“问题的标题和正文真的不太匹配。你能编辑并澄清这个问题吗？谢谢abhitalks。它正在工作……嘿，假设我有一个javascript变量，它有html标记，如hi

，我只想从中得到文本hi。我怎么能？@user3686800：再次感谢Yaarrr。

$("a").on("click", function(e) {
    e.preventDefault();
    var $p = $(this).parent();
    var cat = $p.prevAll(".cat-heading").html();
    alert(cat);
});