Javascript 如何使用jquery从父级获取特定的子divs值_Javascript_Jquery

Javascript 如何使用jquery从父级获取特定的子divs值

javascript jquery

Javascript 如何使用jquery从父级获取特定的子divs值,javascript,jquery,Javascript,Jquery,我知道这个问题在stackoverflow中很常见，但我仍然找不到解决方案。我想在单击父div时获取子div的值，但我当前的代码显示“未定义”。我的html如下所示： <div class="main"> <div class="testId"> 1 </div> <div class="testName"> test </div> <div class="testDob"> 10

我知道这个问题在stackoverflow中很常见，但我仍然找不到解决方案。我想在单击父div时获取子div的值，但我当前的代码显示“未定义”。我的html如下所示：

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

</div>

有什么想法吗？

尝试使用

find（）

：

不使用选择器

.child（）

或

我认为这个应该有用

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

“find”查找div.main中的元素

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

这是一张正在工作的地图

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


1.
测试
10/10/10
$（“.main”）。单击（函数（）{
var id=$（this.children（“.testId”）.html（）；
警报（id）
})

Try

var id=$（this）.children（“.testId”）[0].innerHTML当您可以使用.html（）或.text（）时，为什么要使用innerHTML？一个可能的原因是，如果您单击父元素的子元素，那么它将无法工作。。。。因此，请尝试$（this）.closest（'.main'）.children（“.testId”）.html（）
var id = $(this).children(".testId").text();

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

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

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

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