Obtenir initial sélecteur à l'intérieur de plugin jquery

J'ai eu de l'aide plus tôt concernant les sélecteurs, mais je suis coincé avec celui-ci.

Disons que vous avez un plugin comme celui-ci

$('#box').customplugin();

comment puis-je obtenir le n ° de la boîte comme une chaîne de caractères dans le plugin?
Vous ne savez pas si c'est la bonne manière de faire, et de toute autre solution serait très bien aussi.

Considérant #est une boîte sélectionnez le menu déroulant,

Le problème, je vais avoir, c'est si je ne l'ordinaire javascript

$('#box').val(x);

La bonne valeur de l'option est sélectionné,

mais si j'essaie la même chose à l'intérieur d'un plugin

.....
this.each(function() {
var $this = $(this);


$this.val(x);

le dernier code n'a pas vraiment quoi que ce soit.

Je remarque que je vais avoir de la difficulté à cibler #zone à l'intérieur du plugin parce que c'est un objet et non pas une chaîne...

Toute aide serait appréciée.

Merci!

Edit:: Mettre dans le code, je travaille pour une meilleure compréhension

(function($){
$.fn.customSelect = function(options) {
var defaults = {
myClass : 'mySelect'
};
var settings = $.extend({}, defaults, options);
this.each(function() {
//Var          
var $this = $(this);
var thisOpts = $('option',$this);
var thisSelected = $this[0].selectedIndex;
var options_clone = '';
$this.hide();
options_clone += '<li ><span>'+thisOpts[thisSelected].text+'</span><ul>'
for (var index in thisOpts) {
//Check to see if option has any text, and that the value is not undefined
if(thisOpts[index].text && thisOpts[index].value != undefined) {
options_clone += '<li pln"> + thisOpts[index].value + '"><span>' + thisOpts[index].text + '</span></li>'
}
}
options_clone += '</ul></li>';
var mySelect = $('<ul class="' + settings.myClass + '">').html(options_clone); //Insert Clone Options into Container UL
$this.after(mySelect); //Insert Clone after Original
var selectWidth = $this.next('ul').find('ul').outerWidth(); //Get width of dropdown before hiding
$this.next('ul').find('ul').hide(); //Hide dropdown portion
$this.next('ul').css('width',selectWidth);
//on click, show dropdown
$this.next('ul').find('span').first().click(function(){
$this.next('ul').find('ul').toggle();
});
//on click, change top value, select hidden form, close dropdown
$this.next('ul').find('ul span').click(function(){
$(this).closest('ul').children().removeClass('selected');
$(this).parent().addClass("selected");
selection = $(this).parent().attr('rel');
selectedText = $(this).text();
$(this).closest('ul').prev().html(selectedText);
$this.val(selection); //This is what i can't get to work
$(this).closest('ul').hide();
});
});
//returns the jQuery object to allow for chainability.
return this;
}
avez-vous essayé this.val(x);...?
$this.val() devrait fonctionner, peut-être le selection valeur est défectueux, essayé d'alerte/de la console.enregistrement?
hm.. ce qui s'est passé quand j'avais $.val(sélection) fini par changer tous les sélectionnez l'option valeur à 3 ou quelle que soit la sélection..

OriginalL'auteur eek meek | 2011-03-29

  1. 16

    ** edit ** Craig me battre pour elle ** /edit **

    ** edit **
    Juste un heads-up: .sélecteur() est obsolète en jQuery 1.7 et enlevé en jQuery 1.9: api.jquery.com/selector.
    – Simon Steinberger
    ** /edit **

    Utiliser le .selector propriété sur un jQuery collection.

    var x = $( "#box" );
alert( x.selector ); //#box

    Dans votre plugin:

    $.fn.somePlugin = function() {
alert( this.selector ); //alerts current selector (#box )
var $this = $( this );
//will be undefined since it's a new jQuery collection
//that has not been queried from the DOM.
//In other words, the new jQuery object does not copy .selector
alert( $this.selector );
}

    Cependant cette suite probablement de résoudre votre vraie question?

    $.fn.customPlugin = function() {
//.val() already performs an .each internally, most jQuery methods do.
//replace x with real value.
this.val(x);
}
$("#box").customPlugin();
    hm... ça fonctionne de la même façon dans un plugin? sa me donne une valeur vide quand je fais une alerte..
    voir nouvel avenant 😉
    merci pour la mise à jour, je pense que mon problème est que j'ai la fonction à l'intérieur d'un ce.each(function). Comment aurais-je cible-t-il?
    Avant la .each de l'actuel jQuery exemple. Il n'y a pas besoin de le faire dans le chacun puisque tous les éléments trouvés sont venus de la même requête.
    Juste un heads-up: .sélecteur() est obsolète en jQuery 1.7 et enlevé en jQuery 1.9: api.jquery.com/selector

    OriginalL'auteur BGerrissen

  2. 5

    Cette page parle d'obtenir le sélecteur:

    http://api.jquery.com/selector/

    Donc, fondamentalement, l'OP peut l'utiliser comme this.selector.
    Merci, sauriez-vous une raison pour laquelle la valeur de sélecteur n'est pas défini pour moi?
    Est-ce parce que vous avez utilisé $.plugin au lieu de $.fn.plugin? Il est très facile d'erreur et puis this ne serait pas défini.
    Juste une remarque qu'il est obsolète. Je suis toujours à la recherche d'un bon remplacement. Cette fonction est proche, mais pas à 100%: stackoverflow.com/questions/2420970/...

    OriginalL'auteur Craig

  3. 1

    En raison de la dépréciation et de la suppression de jQuery .selector, j'ai expérimenté avec du javascript DOM Nodes et est venu avec un 2017 et au-delà de la solution jusqu'à ce qu'une meilleure façon vient...

    //** Get selector **//
//Set empty variables to work with
var attributes = {}, //Empty object 
$selector = ""; //Empty selector
//If exists... 
if(this.length) {
//Get each node attribute of the selector (class or id) 
$.each(this[0].attributes, function(index, attr) {
//Set the attributes in the empty object
//In the form of name:value
attributes[attr.name] = attr.value;
}); 
}
//If both class and id exists in object        
if (attributes.class && attributes.id){
//Set the selector to the id value to avoid issues with multiple classes
$selector = "#" + attributes.id
}
//If class exists in object
else if (attributes.class){
//Set the selector to the class value
$selector = "." + attributes.class
}
//If id exists in object
else if (attributes.id){
//Set the selector to the id value
$selector = "#" + attributes.id
}
//Output
//console.log($selector);
//e.g: .example   #example

    Alors maintenant, nous pouvons l'utiliser pour n'importe quel but. Vous pouvez l'utiliser comme un sélecteur jQuery... par exemple. $($selector)

    EDIT: Ma réponse originale à cette question ne vous l'attribut qui apparaît d'abord sur l'élément. Donc si l'on veut obtenir le id qui a été placé après la classe sur l'élément, ça ne marcherait pas.

    Ma nouvelle solution utilise un objet pour stocker les informations d'attribut, par conséquent, nous pouvons vérifier si les deux ou juste un existe et régler le sélecteur en conséquence. Grâce à ManRo de la solution pour l'inspiration.

    OriginalL'auteur Studocwho