SORU
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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Bennythecoder

    Bennythecode

    25 Mart 2008
  • Brandon McCrary

    Brandon McCr

    15 Ocak 2012
  • RyanXLT

    RyanXLT

    22 Ocak 2011