如果链接没有href，隐藏父TR？

Question

我目前有这个：

<table>
    <tbody>
        <tr>
            <td>
            <a href="http://www.google.com">Visit Website</a>
            </td>
        </tr>
        <tr>
            <td>
            <a href="">Visit Website</a>
            </td>
        </tr>
        <tr>
            <td>
            <a href="http://www.google.com">Visit Website</a>
            </td>
        </tr>
        <tr>
            <td>
            <a href="">Visit Website</a>
            </td>
        </tr>
    </tbody>
</table>

我需要一些JavaScript，它将：
如果<a>没有href（href =“”），则隐藏包装它的TR。

如何使用javascript实现此目的？

Answer 1

您可以使用属性等于选择器来获取带有href="" a标签，然后通过closest()获取tr

 $('a[href=""]').closest('tr').hide(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <table> <tbody> <tr> <td> <a href="http://www.google.com">Visit Website</a> </td> </tr> <tr> <td> <a href="">Visit Website</a> </td> </tr> <tr> <td> <a href="http://www.google.com">Visit Website</a> </td> </tr> <tr> <td> <a href="">Visit Website</a> </td> </tr> </tbody> </table> 

---

或者，您可以使用:has()或has()和属性equals selector 。

 $('tr:has(a[href=""])').hide(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <table> <tbody> <tr> <td> <a href="http://www.google.com">Visit Website</a> </td> </tr> <tr> <td> <a href="">Visit Website</a> </td> </tr> <tr> <td> <a href="http://www.google.com">Visit Website</a> </td> </tr> <tr> <td> <a href="">Visit Website</a> </td> </tr> </tbody> </table> 

---

仅供参考：

如果要选择没有href属性a标签，则可以使用:not()选择器，例如：

 $('a[href=""],a:not(a[href])').closest('tr').hide(); 

Answer 2

如果您只想检查href =“”

只需尝试

$('a[href=""]').parent().parent().hide();

要么

$('a[href=""]').closest("tr").hide();

如果您也只想检查href =“”或未提供href属性

只需尝试

$('a[href=""],a:not([href])').parent().parent().hide();

要么

$('a[href=""],a:not([href])').closest("tr").hide();

Answer 3

https://jsfiddle.net/现在看看它的工作情况，请检查