2015-11-05 85 views
0

我有重要的是点击一个链接,我想获得具有特定class.How我们可以在jQuery中获取具有特定类的jQuery

HTML

做到这一点父DIV文字母格文本
<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> 

Click上的abc()我想compName

我已经试过这

0上课天后的价值

但这不起作用

+0

'compName'不是父母点击元素。它是'rcm'的孩子,它是单击元素父亲的兄弟 – Rayon

+0

okk所以我必须为此做 – Developer

回答

2

您有不正确的选择器来定位元素。你需要使用:

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

Working Demo

+0

可以通过find('。compName')简化? – Rayon

+1

@RayonDabre:是的,如果类将保持静态。 –

0

您的代码将无法工作,因为其父是不是你正在寻找的股利。

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

你也不能使用“父母”,并前往父层次,你将不得不使用父()。父(),您需要知道确切的父级。

在这里,你可以简单地使用$("div.compName").html();

1

尝试包括参数:has()选择传递给.parents()返回其子元素div元素.compName

function abc(obj) { 
 
    console.log($(obj).parents(":has(.compName)").find(".compName").html()) 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script> 
 
<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>