雖然使整個div可點擊，但標簽從開始就自動關閉

Question

我想讓整個div都可點擊，但是當我將div標記代碼放入錨標記中時，則根本無法點擊，即使當我檢查控制台時，它啟動后也就關閉了標簽，請幫忙。 提前致謝。

<a href="#">
    <div class="row">

        <div class="col-md-2 col-sm-2 col-xs-12">
            <div class="post-media">
                <a href="#"><img src="upload/testi_01.png" alt="" class="img-responsive img-thumbnail"></a>
            </div>
            <!-- end media -->
        </div>
        <!-- end col -->

        <div class="col-md-6 col-sm-6 col-xs-12">
            <p> <strong>Name (fi / intermediary ? - entrepreneur to assist for bank finanae)</strong> </p>
            <p> <i class="fa fa-building"></i>&nbsp;&nbsp; Industry </p>
            <p> <i class="fa fa-tag"></i>&nbsp;&nbsp; Type Of Finance </p>
            <p> <i class="fa fa-inr"></i>&nbsp;&nbsp; Amount </p>
            <p> <i class="fa fa-map-marker"></i>&nbsp;&nbsp; location </p>
        </div>
        <!-- end col -->

        <div class="col-md-2 col-sm-2 col-xs-12">
            <div class="job-meta">
                <i class="fa fa-calendar"></i>
                <p>13th Feb, 2018</p>
            </div>
            <!-- end meta -->
        </div>
        <!-- end col -->

        <div class="col-md-2 col-sm-2 col-xs-12">
            <div class="job-meta text-center">
                <a href="#" class="btn btn-success btn-block">Connect  Now &nbsp;&nbsp; <i class="fa fa-check"></i></a>

            </div>
        </div>

        <!-- end col -->
    </div>
    <!-- end row -->
</a>

Answer 1

您的語法無效-您嵌套a標簽-您不能在a中使用a 。

最好在div中添加一個點擊處理程序，然后在其中觸發'a'。

Answer 2

由A元素定義的鏈接和錨點不得嵌套； A元素不得包含任何其他A元素。

在w3規范中提到： 12.2.2嵌套鏈接是非法的