如何從父母使用jquery得到一個特定的孩子div值

我知道這個問題是如此熟悉在stackoverflow，但我仍然無法找到我的解決方案。我想單擊父div時獲取我的子div的值，但是當前的代碼使我「未定義」。下面我的HTML給出：如何從父母使用jquery得到一個特定的孩子div值

<div class="main"> 
    <div class="testId"> 
    1 
    </div> 
    <div class="testName"> 
    test 
    </div> 
    <div class="testDob"> 
    10/10/10 
    </div> 

</div>

及以下

var id = $(this).child(".testId").innerHTML;

任何想法我的劇本給出？

來源

2013-10-08 Optimus

嘗試'變種id = $（this）.children（「。testId」）[0] .innerHTML;' –

爲什麼在使用.html（）或.text（）時使用innerHTML？ –

一個可能的原因是，如果你點擊父級的子元素，那麼它不會工作....所以試試'$（this）.closest（'。main'）。children（「。testId」）。html（） ' –

嘗試使用find()：

var id = $(this).find(".testId").text();

來源

2013-10-08 15:54:38

使用.children()沒有選擇.child()

var id = $(this).children(".testId")[0].innerHTML;

或

var id = $(this).children(".testId").text();

或

var id = $(this).children(".testId").eq(0).text();

來源

2013-10-08 15:54:55

我覺得這個應該工作

$('.main').click(function(){ 
    var value = $(this).child(".testId").text(); 
})

來源

2013-10-08 15:56:27

「發現」找到的元素只是div.main

var id = $(this).find(".testId").html(); 
console.log(id);

來源

2013-10-08 15:58:56 prakashapkota

這裏內部工作〔實施例

<!DOCTYPE html> 

<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta charset="utf-8" /> 
    <title></title> 
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
</head> 
<body> 
    <div class="main"> 
       <div class="testId"> 
       1 
       </div> 
       <div class="testName"> 
       test 
       </div> 
       <div class="testDob"> 
       10/10/10 
       </div> 

      </div> 

    <script> 
     $(".main").click(function() { 
      var id = $(this).children(".testId").html(); 
      alert(id) 
     }) 
    </script> 
</body> 
</html>

來源

2013-10-08 16:11:12 Stuart

如何從父母使用jquery得到一個特定的孩子div值

回答

相關問題