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

  • ☆ SUB4SUB CENTER! ☆ spam here

    ☆ SUB4SUB

    22 ŞUBAT 2010
  • Greater Than Gatsby Photoshop Actions & Lightroom Presets

    Greater Than

    11 ŞUBAT 2013
  • habpsu

    habpsu

    25 Temmuz 2007