Geek Answers Handbook

Get exact selector in jQuery / .selector alternative

I would like to write something like this

$("div.banana .for aside.scale").yellowify();

$.fn.yellowify = function () {
    this.css("color","yellow");
    alert($(this).selector);
});

which warns

div.banana .for aside.scale

The question is very similar to this one , however the poster wants to get the DOM structure by scanning the parents of the selector or something like that. I just want the selector to be as it is, without any additional classes or identifiers. I want it to be the same as there, in the first line.

jQuery is used for this property .selector, but it is deprecated in 1.7 and removed in 1.9 ( or is it there? - thanks to Ted. UPDATE .selector will only be removed in jQuery 3.0 !). Status of documents :

, , . , "foo" $.fn.foo = function (selector, options) {/* */};, , , $( "div.bar" ).foo( "div.bar" , {dog: "bark" }); "div.bar" .foo().

, . , - ? - ?

, , , , - , , , :

$.fn.yellowify = function () {
    var css = $(this).selector + "{color: yellow;}";
    // I can add rules for specific elements now as well
    css += $(this).selector + " .child {color: red;}";
    $("<style>").html(css).appendTo("head");
});

.

+4
1

- , -. $.fn.myPlugin, , jQuery API. jQuery ($(this).each()).

, jQuery, . adn jQuery:

$.yellowify = function (selector) {
  var css = selector + "{color: yellow;}";
  // I can add rules for specific elements now as well
  css += selector + " .child {color: red;}";
  $("<style>").html(css).appendTo("head");
});

, , . . , jQuery, . , .find().

0

More articles:


All Articles