2015-11-05 83 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>