如果鏈接沒有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/現在看看它的工作情況，請檢查