如何访问" a"的标题或文字?嵌套在" td"使用JavaScript?

时间:2017-04-30 01:26:25

标签: javascript html .net

我有一个日历,其中可以点击日期单元格" td"元素。每个内部都是" a"有标题。我需要在JavaScript函数中使用此标题,该函数在任何" td"单击元素。我不得不为所有人禁用PostBack" 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吗?

2 个答案:

答案 0 :(得分:1)

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

$('td a').attr('title');

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

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

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

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

&#13;
&#13;
$('td a').on('click', function() {
  console.log($(this).attr('title'));
});
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

我并不完全清楚你之后的情况,但是如果你可以控制通话,那么在通话中包含这个可以提供对该元素的引用称为听众,例如

<a href="javascript:__doPostBack('ctl00$MainContent$Calendar2','6314', this)"...>

然后在监听器中,您有对该元素的引用,您可以直接获取其 title 属性,例如

function __doPostBack(arg0, arg1, element) {
  var title = element.title;
  // title is the value of the element's title property
}
  

我不得不为所有人禁用PostBack&#34; a&#34;元素

我不明白这意味着什么。如果这意味着您不想使用__doPostBack来获取标题并希望为每个链接添加一个监听器,那么您也可以这样做:

&#13;
&#13;
window.onload = function(){
  [].forEach.call(document.querySelectorAll('td a'), function(a){
    a.addEventListener('click', showTitle, false)
  });
};

function showTitle(){
  console.log(this.title);
}
&#13;
<table>
  <tr><td><a href="#" title="foo">foo
  <tr><td><a href="#" title="bar">bar
  <tr><td><a href="#" title="fum">fum
</table>
&#13;
&#13;
&#13;