运行td元素并从锚点获取所有href以放入数组

时间:2014-07-15 15:49:03

标签: jquery

我需要运行这个td元素并从锚点获取所有 href

var title_href = [];

    $('td.cont-mod-none-options a').each(function(){
        title_href.push(jQuery(this).first().contents().filter(function() {
            return this.nodeType == 3;
        }).text());

        console.log(title_href);

    });

以上这个是我正在使用的,但不幸的是没有用。

上面的代码是我的HTML

<td class="cont-mod-none-options" valign="top" align="right">
  <img src="/images/clear.gif" height="5">
  <br>&nbsp;&nbsp;&nbsp;&nbsp;[&nbsp;
  <a href="/anchor1" class="cont-mod-none-options">copy</a>
  &nbsp;|&nbsp;
  <a href="/anchor2" class="cont-mod-none-options">cut</a>
  &nbsp;]&nbsp;
  <img src="/images/clear.gif" width="2">
  <a href="/anchor3" class="cont-mod-none-options">
      <img src="/images/edit.gif" width="28" height="12" border="0">
  </a>
  <img src="/images/clear.gif" width="2">
  <img src="/images/editupOFF.gif" width="12" height="12" border="0">
  <img src="/images/clear.gif" width="2">
  <a href="/anchor4" class="cont-mod-none-options">
      <img src="/images/editdown.gif" width="12" height="12" border="0">
  </a>
  <img src="/images/clear.gif" width="2">
  <a href="/anchor5" class="cont-mod-none-options">
      <img src="/images/editX.gif" width="12" height="12" border="0">
   </a>
  <br>
  <img src="/images/clear.gif" height="2"><
/td>

提前谢谢!

1 个答案:

答案 0 :(得分:0)

你的代码非常接近,但比你完成这项任务要复杂一点。

还不清楚是想要从每个href获取整个网址还是只想要代码中明确显示的路径。

以下是将两个选项都推送到数组并在控制台中显示结果的代码。

var hrefs = [];
var paths = [];

$('td.cont-mod-none-options a').each(function(){
    hrefs.push(this.href);  
    paths.push(this.href.split('/').pop())
});

console.log('The full URLs are:' , hrefs);
console.log('And the specific paths are:' , paths);

如果您想要完整的网址,可以使用hrefs数组。如果您只想要HTML代码中显示的路径,则可以使用paths数组。