如何使用jquery從父級獲取特定的子div值

Question

我知道這個問題在stackoverflow中非常熟悉，但我仍然找不到我的解決方案。 當我點擊父div時，我想得到我的孩子div的值，但是我當前的代碼給了我“undefined”。 我的html如下：

<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;

有什么想法嗎？

Answer 1

嘗試使用find() ：

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

Answer 2

“find”在div.main中找到元素

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

Answer 3

使用。孩子（）沒有選擇.child()

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

要么

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

要么

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

Answer 4

我認為這個應該有效

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

Answer 5

這是一個有效的例子

<!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>

如何使用jquery從父級獲取特定的子div值

問題描述

5 個解決方案

解決方案1
5 已采納 2013-10-08 15:54:38

解決方案2
3 2013-10-08 15:58:56

解決方案3
1 2013-10-08 15:54:55

解決方案4
1 2013-10-08 15:56:27

解決方案5
1 2013-10-08 16:11:12

如何使用jquery從父級獲取特定的子div值

問題描述

5 個解決方案

解決方案1 5 已采納 2013-10-08 15:54:38

解決方案2 3 2013-10-08 15:58:56

解決方案3 1 2013-10-08 15:54:55

解決方案4 1 2013-10-08 15:56:27

解決方案5 1 2013-10-08 16:11:12

解決方案1
5 已采納 2013-10-08 15:54:38

解決方案2
3 2013-10-08 15:58:56

解決方案3
1 2013-10-08 15:54:55

解決方案4
1 2013-10-08 15:56:27

解決方案5
1 2013-10-08 16:11:12