如何獲得懸停時的td屬性的第一個孩子

如何獲得以下HOVER上td的第一個孩子，並顯示等於1或2的屬性「templateid」的值，具體取決於哪個徘徊。例如，如果我懸停在templateid = 2輸入。我將獲得以下價值2如何獲得懸停時的td屬性的第一個孩子

<tbody> 
    <tr> 
    <td><input class="form-group form-control" type="checkbox" templateid="1"> </td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 
    <tr> 
    <td input class="form-group form-control" type="checkbox" templateid="2"></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 
</tbody>

來源

2017-03-15 Jon

'$（「＃TABLEID」）找到。（「TD：複選框：第n個孩子（1）」） .attr（「templateid」）' – guradio

使用本

$("#tableid").hover(function(){ 
    var getfirstchildTD = $(this).find("td :checkbox:nth-child(1)").attr("templateid"); 
    alert(getfirstchildTD); 
})

來源

2017-03-15 07:26:30

我真的不明白你想要什麼，但我希望這是你所需要的：

$(document).ready(function() { 
    //when hover on checkbox 
    $('tbody').on('mouseenter','input:checkbox',function() { 
     //get templateid attribute value of the checkbox which is placed at first <td> in <tr> 
     var yea = $(this).closest('tr').find('td:first input:checkbox').attr('templateid'); 
     alert(yea); 
    }); 
});

來源

2017-03-15 07:28:09

這正在工作解決方案請嘗試一下

$("input").hover(function(){ 
 
    var getfirstchildTD = $(this).attr("templateid"); 
 
    alert(getfirstchildTD); 
 
})

<tbody> 
 
      <tr> 
 
      <td><input class="form-group form-control" type="checkbox" templateid="1"> </td> 
 
      <td></td> 
 
      <td></td> 
 
      <td></td> 
 
      <td></td> 
 
      <td></td> 
 
      <td></td> 
 

 
      </tr> 
 
      <tr> 
 
      <td><input class="form-group form-control" type="checkbox" templateid="2"></td> 
 
      <td></td> 
 
      <td></td> 
 
      <td></td> 
 
      <td></td> 
 
      </tr> 
 
</tbody> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

來源

2017-03-15 07:30:49

你可以嘗試jQuery:first-child

$("td:first-child input:first-child").hover(function(){ 
    var templateid = $(this).attr("templateid"); 
    //TODO your code 
});

來源

2017-03-15 07:32:15 mmuzahid

$(document).ready(function() { 
 
    console.log('hello'); 
 
$('#table tbody tr td:first-child').on('mouseover', function() { 
 
    
 
    console.log($(this).find('input[type=checkbox]').attr('templateid')); 
 
    }) 
 
});

<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
</head> 
 
<body> 
 
<table id="table"> 
 
    <thead> 
 
    <tr> 
 
     <th>h1</th> 
 
     <th>h2</th> 
 
     <th>h3</th> 
 
     <th>h4</th> 
 
     <th>h5</th> 
 
     <th>h5</th> 
 
     <th>h7</th> 
 

 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td><input class="form-group form-control" type="checkbox" templateid="1">something </td> 
 
     <td></td> 
 
     <td></td> 
 
     <td></td> 
 
     <td></td> 
 
     <td></td> 
 
     <td></td> 
 

 
    </tr> 
 
    <tr> 
 
     <td><input class="form-group form-control" type="checkbox" templateid="2">something</td> 
 
     <td></td> 
 
     <td></td> 
 
     <td></td> 
 
     <td></td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 
</body> 
 
</html>

來源

2017-03-15 07:33:20 talentedandrew

如何獲得懸停時的td屬性的第一個孩子

回答

相關問題