Öğe seçerek metin ve özellik

Question

Basit soru: neden çalışmıyor?

if ($('a:contains("some text"):first').attr("class") == "someclass") { 
    this.css('background-color', 'red'); 
} 

Answer 1

this ilk satırında bulunan <bir> elemanı başvurmalıdır.

this anahtar sözcüğünün kapsam belirleme biçimi budur. Bu durumda this, bu kodun yerleştirildiği her yere ait kapsamı gösterir. İhtiyacınız olanı yapmak için doğrudan a öğesine başvurmanız gerekir. Bu deneyin:

var $a = $('a:contains("some text"):first'); 
if ($a.attr("class") == "someclass") { 
    $a.css('background-color', 'red'); 
} 

Ayrıca seçilen a eleman birden sınıfları varsa yukarıdaki başarısız olacağını unutmayın. Eğer jQuery'nin hasClass() yöntemi kullanabilirsiniz düzeltmek için: daha iyisi

var $a = $('a:contains("some text"):first'); 
if ($a.hasClass("someclass")) { 
    $a.css('background-color', 'red'); 
} 

Veya, sen if ifadenin gerek kalmadan aradığınız sınıfı tarafından doğrudan unsuru seçebilirsiniz.

$('a.someclass:contains("some text"):first').css('background-color', 'red'); 

Nihayet ad-hoc ekleyerek .css() kullanmak yerine JS gerektiğinde bu sınıfları eklemek için addClass() kullanmak ardından ayrı stil stil kurallarını tanımlamak ve daha iyi uygulama olduğuna dikkat.