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

使用.children()无选择器.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 个答案: