10 Mart 2010, ÇARŞAMBA
Nasıl bir WordPress kullanmak nesne seçici alabilir miyim
$("*").click(function(){
$(this); // how can i get selector from $(this) ?
});
Kolay bir yolu varseçici(bu) $olsunya böyle bir şey? Bir yolu var, seçici öğesi seçmek için nasıl, amanasıl öğeden seçici olmak hakkında?
Herhangi bir yardım=) teşekkürler
CEVAP
10 Mart 2010, ÇARŞAMBA
Gerçekten sonra o/o ne geçerli öğenin yolunu bulup Tamam, soru soranın yukarıda bir yorum Fidilip
dedi.
Burada "" DOM ağacı atası ve id
class
de dahil olmak üzere oldukça spesifik seçici inşa maddenin tıkladım. öznitelikleri ilerleyen bir senaryo.
JsFiddle üzerinde çalışmaya bakın: http://jsfiddle.net/Jkj2n/209/
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
$("*").on("click", function(e) {
e.preventDefault();
var selector = $(this)
.parents()
.map(function() { return this.tagName; })
.get()
.reverse()
.concat([this.nodeName])
.join(">");
var id = $(this).attr("id");
if (id) {
selector = "#" id;
}
var classNames = $(this).attr("class");
if (classNames) {
selector = "." $.trim(classNames).replace(/\s/gi, ".");
}
alert(selector);
});
});
</script>
</head>
<body>
<h1><span>I love</span> jQuery</h1>
<div>
<p>It's the <strong>BEST THING</strong> ever</p>
<button id="myButton">Button test</button>
</div>
<ul>
<li>Item one
<ul>
<li id="sub2" >Sub one</li>
<li id="sub2" class="subitem otherclass">Sub two</li>
</ul>
</li>
</ul>
</body>
</html>
Eğer tıklatın 2. liste HTML liste öğesi iç içe aşağıda olsaydı örneğin, aşağıdaki sonucu alırsınız:
HTML>BODY>UL>LI>UL>LI#sub2.subitem.otherclass
Bunu Paylaş:
Nasıl merkezi bir WordPress kullanmak ...
Nasıl bir WordPress kullanmak ile aynı...
Nasıl bir seçici bir WordPress kullanm...
Nasıl bir WordPress kullanmak içinde b...
Nasıl bir nesne'JavaScript / özel...