Question

我点击了一个链接，我希望获得具有特定类的父div文本。我们如何在jquery中执行此操作

HTML

<div class="rcmp_li lft">
    <div class="rcm">
        <div class="cmplogowrap clr cmp">
            <a class="reclogo lft" href="#"></a>
            <a class="lft cmp" href="#">
                <div class="tpjobwrap">
                    <div class="compName font_15">ABC </div>
                    <div class="tpjob_desc">Construction</div>
                    <div class="tpjob_desc">Mumbai</div>
                </div>
            </a>
        </div>
        <a class="lnk cmpjobs" href="#"> Active </a>
    </div>
    <div class="cmpfollow_wrap clr">
        <div class="followbtnwrap rgt">
            <a onclick="abc(this)" href="javascript:void(0)">Test</a>
        </div>
        <div id="my_follow61" class="followcnt rgt">6 </div>
    </div>
</div>

点击abc()我希望获得具有课程compName的女主角的价值

我试过这个

$(obj).parents('div[class^="compName"]').html()

但这不起作用

Answer 1

您的目标元素选择器不正确。你需要使用：

$(obj).closest('.rcmp_li').find('.compName').html()

<强> Working Demo

Answer 2

尝试在传递给:has()的参数中加入.parents()选择器，以返回包含子元素div的{{1}}元素

＆＃13;

.compName

＆＃13;

function abc(obj) {
  console.log($(obj).parents(":has(.compName)").find(".compName").html())
}

＆＃13;

Answer 3

您的代码无效，因为其父代不是您要查找的div。

$(obj).parents('div[class^="compName"]').html();

此外，您不能使用“父母”并且要前往父级别，您必须使用parent（）。parent（），您需要知道确切的父级别。

您只需使用$("div.compName").html();

即可

获取具有特定类jquery的父div文本

3 个答案: