Question

如何获取按钮的div id并确定它是否在两个可能的ID之一内？例如，我们有一个号召性用语按钮，可以在div中使用id =“new”或id =“current”。以下是一些例子：

<div id="new">
    <a href="#" class="btn btn-primary" onclick="cStatus()">Download</a>
</div>

或

<div id="current">
    <a href="#" class="btn btn-primary" onclick="cStatus()">Download</a>
</div>

id可能在父或父的父div中，例如：

<div id="new">
    <div class="something">
        <a href="#" class="btn btn-primary" onclick="cStatus()">Download</a>
    </div>
</div>

或者这个：

<div id="new">
    <div class="row">
        <div class="col-md-6">
            <a href="#" class="btn btn-primary" onclick="cStatus()">Download</a>
        </div
    </div>
</div>

我们希望我们的着陆页开发人员能够开发页面，而无需触及JavaScript以实现此功能。我们最终试图在URL字符串中传递此值，例如：

fileref.setAttribute("src", "https://oururl.html?cStatus=" + cStatus);

Answer 1

在onclick回调中，您可以使用$（this）.parent（）获取父元素，然后检查其ID。

Answer 2

稍作修改：onclick="cStatus(this)"然后：

function cStatus(elem) {
    var els = [];
    while (elem) {
        els.unshift(elem);
        elem = elem.parentNode;
        if (elem.id == "new") {
            // has new
            break;
        } else if (elem.id == "current") {
            // has current
            break;
        }
    }
}

使用JavaScript获取主div的id

2 个答案: