通过点击jQuery的一个按钮，通知的SRC

Question

这是我的jQuery代码;但它给了我（不确定）。

$(document).ready(function(){
    $('.items > tbody > tr').click(function() {
        var src = $(this).find('a[title="View"]').attr('src');
        alert (src)
    });
});

HTML代码为：

<table class="items">
<tbody>
    <tr>
        <td></td>   
        <td></td>   
        <td></td>   
        <td></td>
        <a title='View' src="main.php"></a> 
        <a title='find' src="index.php"></a>    
    </tr>
</tbody>

Answer 1

问题是，你的锚标记<a>超出<tr>家庭。你必须把他们的内部<td>，使他们成为<tr>的孩子

$(document).ready(function(){
    $('.items > tbody > tr').click(function() {
        var src = $(this).find('a[title="View"]').attr('src');
        alert (src)
    });
});

tr{
  background:#ff8800;
  height:40px;
}
table{
  width:100%;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="items">
<tbody>
    <tr>
        <td></td>   
        <td></td>   
        <td></td>   
        <td></td>
        <td>
          <a title='View' src="main.php"></a> 
          <a title='find' src="index.php"></a>
        <td>
    </tr>
</tbody>

Answer 2

我的猜测是，你这是超出范围。

尝试传递范围到您的功能如下所示：

$(document).ready(function(){
    $('.items > tbody > tr').click(() => {
        var src = $(this).find('a[title="View"]').attr('src');
        alert (src)
    });
});

tr{
  background:#ff8800;
  height:40px;
}
table{
  width:100%;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="items">
<tbody>
        <td></td>   
        <td></td>   
        <td></td>  
          <a title='View' src="main.php"></a> 
          <a title='find' src="index.php"></a>
        <td></td>
        <td></td>
</tbody>