jQuery,用于将子元素中的一个 href 值替换为另一个值



我正在尝试使用我们的系统如何为日历吐出其代码,由于格式,我需要将某些链接的 href 值更改为其子链接的值。下面是一些示例代码:

<td class="date eventDate">
<a class="dateLink" href="calendar?DATE=2012-07-06&VIEW=day">6</a>
<br>
  <div>
    <div class="event">
      <a href="/calendar?date=20120702" class="event"></a>
      <a href="/calendar?root=320794" class="eventon">6 July</a>
      </div>
  </div>
</td>

我需要 jQuery 将第一个标签的 href 值替换为第三个标签的 href 值。我不太确定如何让jQuery查看页面的所有元素来实现这一点。

我认为这个过程是查找所有 a.dateLink 并用子元素 a.eventon 的 href 值替换当前选择,然后继续下一个 a.dateLink 并重复。如果没有子元素 a.eventon,则继续下一个。

谁能帮我解决我需要的东西?

这里有一些伪代码可以帮助您入门:

//get all td.date.eventDate
//for each element in collection
    //find a.dateLink child
    //find a.eventon child
    //if a.eventon is not null or empty
        //set a.dateLink[href] to a.eventon[href]
    //else
        //continue loop

这段代码可以

    $("td.data.eventDate").each(function(){
        if($(this).find("a.eventon") > 0)
        {
            $(this).children("a.dateLink").attr("href",$(this).children("a.eventon").attr("href"));
        }
    });

最新更新