Jquery: Sélectionnez href complet avec la méthode 'contains'

Question

Est-il possible d'utiliser jQuery pour sélectionner un lien complet contenant une autre variable?

Mon code est:

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

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

où je dois choisir un lien complet contenant « element1 », parce qu'il ya plusieurs vidéos dans le page.In mon code sélectionnez la première sur la page, mais j'ai besoin le spécifique id .. exemple .. [dans cet exemple, le code que j'ai besoin est: ]

<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> 

Merci à l'avance. Cordialement.

Answer 1

Vous pouvez utiliser le attribute-contains selector (*=), comme ceci:

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

You can give it a try here, vous pouvez également $(".videoTitle[href*='/" + id + ":']") pour le réduire à /1581889025: matches, au cas où il était un 15818890250 par exemple.