javascript - 移动到外部组件，直到到达具有特定属性的组件

Question

示例 html 代码(看起来很奇怪，但我的目的是表明外部组件可以是任何东西)

<div>
    <div/a/p/.. myAttribute="123">
        <p>
            <a>
                <script type="text/javascript">
                    jQuery.ajax({url: "local.host?attribute= "});
                </script>
            </a>
        </p>
    </div/a/p/..>
</div>

我想要的是，从内部脚本，在 ajax 调用被触发之前，我想到达外部父组件，直到我可以到达具有 myAttribute 的组件。然后我将获取 myAttribute 的值并将其填充到我的 url 中，如 "local.host?attribute= 123"

我找到了最接近的 JQuery，但它需要提前知道组件类型。

感谢任何帮助。非常感谢。

Answer 1

我认为 '*[myAttribute]' 会很好。

$(el).parents('*[myAttribute]');

以当前脚本为目标。你可以使用

document.currentScript;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div>
    <div/a/p/.. myAttribute="123">
        <p>
            <a>
                <script type="text/javascript">
                     var self = document.currentScript,
                         e = $(self).closest('*[myAttribute]'),
                         attrVal = (e.attr('myAttribute') );
                         console.log( attrVal );
                    // commented 
                    // jQuery.ajax({url: "local.host?attribute="+attrVal });
                </script>
            </a>
        </p>
    </div/a/p/..>
</div>