javascript - 如何使用 JavaScript 访问嵌套在 "a"中的 "td"的标题或文本？

Question

我有一个日历，其中日期单元格是可单击的“td”元素。每个里面都有一个带有标题的“a”。我需要在单击任何“td”元素时调用的 JavaScript 函数中使用此标题。我必须禁用所有“a”元素的回发

以下是其中一个单元格的代码:

<td align="center" style="width:14%;"><a href="javascript:__doPostBack('ctl00$MainContent$Calendar2','6314')" style="color:Black" title="April 15">15</a></td>

我只需要从技术上访问 15 个文本。我可以在其他地方获得月份。

这可以使用 JavaScript 实现吗？

Answer 1

为此使用 jQuery 将是一个非常好的主意，因为您可以非常方便地选择元素。使用 jQuery，您可以使用:

$('td a').attr('标题');

如果您仍然想使用纯 Javascript，您可以使用以下方法选择元素的标题:

document.querySelectorAll('td a')[0].title;

最终，他们都完成了工作，但 jQuery 代码更短。

所以你可以使用 jQuery 做类似的事情。

$('td a').on('click', function() {
  console.log($(this).attr('title'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <th>
    <tb>
      <tr>
        <td>
          <a href="#" title="hi"> Hey </a>
        </td>
      </tr>
      <tr>
        <td>
          <a href="#" title="hi2"> Oh </a>
        </td>
      </tr>
      <tr>
        <td>
          <a href="#" title="hi3"> Goodbye </a>
        </td>
      </tr>
    </tb>
  </th>

</table>