Question

我在php中重复回显了以下嵌套结构：

<div class="item modal-trigger" id="{$count}"> 
    <div class="ref-title"> 
        <div class="ref-name">{$title}</div>
        <div id="content-{$count}" style="display:none;"> 
            <h3>{$title}</h3>
            <h4>{$period}</h4>
            <h5>Client: {$client}</h5>
            <h5>Partenaires: {$partenaires}</h5>
            <p>
            {$content} 
            </p>
        </div>
        <div class="ref-year"> {$period} </div>
    </div>
</div>

$ count是一个索引，它在php中为每个＆＃34; .item＆＃34;生成一个id。元件。然后，我需要触发一个modal window，它会显示div的内容，其中id =＆＃34; content - {$ count}＆＃34;当用户点击＆＃34; .item＆＃34;元素：

$(".item").click(function (event) {
    var modalID = "#content-";
    modalID += event.target.id;
    $(modalID).modal();
    return false;
});

问题是，当我点击子元素时，我没有获得{$ count} id来定位隐藏的div。有几个问题关于如何忽略子元素onclick，或如何获得父ID等。但我想知道是否有一个简单的方法只是＆＃34;带来透明的父div到前面＆＃34;而不是试图上升dom取决于用户每次点击哪个嵌套级别......

由于

Answer 1

你不必获得target.id，只需获取

modalID +=  $(this).attr('id');

这样可行。

jquery onClick：带来前面的父div保留对其id的访问权限

1 个答案: