捕捉<a> using jQuery and class</a>上的href操作

时间:2013-06-03 16:34:18

标签: jquery ajax href

我尝试使用jQuery(基于链接的类)捕获被调用的href,以便能够使用jQuery.load。

但是选择器不适用于我的<a href>,如果我将该类放在父<td>上它可以工作...我的jQuery选择器中的任何错误的id(我想要在我的表格中只选择一些<a href>

我的HTML:

// Don't work, the page is loaded normally
    <td>
      <a href="mylink" class="urlToMainDiv">
      <a href="mylink2">
    </td>

// Work but on all links
<td class="urlToMainDiv">
  <a href="mylink">
  <a href="mylink2">
</td>

我的选择器:

jQuery(".urlToMainDiv a").live("click", function(e){     
   e.preventDefault();  
   // myjQuery load fct
   load_ajax_content(this.href,divId);

jQuery(".urlToMainDiv a").click(function(e){     
  e.preventDefault(); 
  // myjQuery load fct
  load_ajax_content(this.href,divId);

感谢您的帮助。

2 个答案:

答案 0 :(得分:4)

这正是你告诉它的。

x y后代选择器,匹配y内的所有x

您需要a.urlToMainDiv,它将匹配同时拥有该类的所有a元素。

答案 1 :(得分:0)

如果您只想选择那些href为“mylink”的链接,那么......

...为你的第一个html块:

$('a.urlToMainDiv').click(function () {

...以及你的第二个html块:

$('.urlToMainDiv a[href="mylink"]').click(function () {