我想使用Document.querySelector（）方法记录包装在<a>标签中的</a>特定文本

Question

I want to log all the text that is wrapped in tags and that has the .link and the .linkNewLine class. I want to log those in the console so i can copy them into an excel sheet with each link text in a separate line. As I will have an excel sheet with about 200 links it would be nice to do this via the the console and not by copy pasting each value separately. Probably Document.querySelector() is the right method here but how would I write my Query?

<tr>
<td>
<a class="link linkNewLine" target="_blank" href="/link/foo/bar">The Text I want to grab</a>
</td>
<td>
<a class="link linkNewLine" target="_blank" href="/link/foo/bar">Another line of text I want to grab and put in a new row in excel</a>
</td>
<td>
<a class="linkNewLine" target="_blank" href="/link/foo/bar">This line should not end up in my excel</a>
</td>
</tr>

Answer 1

You can use jquery to log those text in console. Here is a code snippet

$('a').each(function(){
    if($(this).hasClass('link') && $(this).hasClass('linkNewLine')){
        console.log($(this).text()+'\n');
    }
});

Answer 2

The correct method is querySelectorAll

( querySelector only returns a single node)

 (function(n){var a=[]; for(var i=0;i<n.length;++i){ console.log(n.item(i).textContent); a.push(n.item(i).textContent); } document.body.innerHTML=('<pre>'+a.join('\\n')+'</pre>') }(document.querySelectorAll('a.link.linkNewLine'))) 

 <table border="1"> <tr> <td> <a class="link linkNewLine" target="_blank" href="/link/foo/bar">The Text I want to grab</a> </td> <td> <a class="link linkNewLine" target="_blank" href="/link/foo/bar">Another line of text I want to grab and put in a new row in excel</a> </td> <td> <a class="linkNewLine" target="_blank" href="/link/foo/bar">This line should not end up in my excel</a> </td> </tr> </table>