Question

是否可以使用jQuery选择一个href包含另一个变量的完整链接？

我的代码是：

var element1 = $(".not-viewed").parents('li').attr("id");

var element2 = $(".videoTitle").attr("href");

我需要选择包含'element1'的完整链接，因为页面中有几个视频。在我的代码中选择页面上的第一个，但我需要具有id的特定.. 示例.. [在此示例中，我需要的代码是： 1581889025 ]

    <li class="videoContainer vidLink" id="1581889025">
    <a href="site.com../view/1581889025:49_3eA8F7sPr5FQGZcl2yzx3dz5Y_XwP">
    <span class="HOVER"></span>
    <div class="videoX"><img id="clThumb_1581889025" src="PREVIEW.jpg">
    </div>  </a>
    <a class="videoTitle" href="site.com../view/1581889025:49_3eA8F7sPr5FQGZcl2yzx3dz5Y_XwP">Title of Video</a>
<span class='not-viewed'></span>
<div class="tooltip-footer"></div>
</li>

提前致谢。亲切的问候。

Answer 1

您可以使用attribute-contains selector (*=)，如下所示：

var id = $(".not-viewed").parents('li').attr("id");
var href = $(".videoTitle[href*='" + id + "']").attr("href");

You can give it a try here，您可能还希望$(".videoTitle[href*='/" + id + ":']")将其缩小到/1581889025:次匹配，以防有15818890250为例。

Jquery：使用'contains'方法选择完整href

1 个答案: