Pregunta ¿Cómo puedo usar el selector jQuery en JavaScript puro?


Lo que busco es:

var arrinput = $('input[name$="letter"]')

¿Cómo puedo cambiar eso del estilo jQuery a un estilo javascript puro?

Entonces quiero el <input> etiquetas que name Se termina con "letra".


Cambié el código un poco ... Mi navegador no admite querySelector y FYI estoy usando el componente webbrowser en c # winforms


5
2017-09-14 03:02


origen


Respuestas:


Tratar:

var items = document.getElementsByTagName('input');
for (var i=0; i<items.length; i++) {
    var item = items[i];
    if (/letter$/.test(item.name)) {
        item.value = "A letter";
    }
}

3
2017-09-14 03:11



Para los navegadores modernos:

document.querySelector('input[name$=letter]');

devolverá el primer partido.

document.querySelectorAll('input[name$=letter]');

volverá una lista de coincidencias.

Sospecho que si miras el código fuente de jquery, usa document.querySelector[All] cuando está disponible


10
2017-09-14 03:13



Es una publicación antigua, pero busqué una solución similar y no la encontré.

Así que he hecho una pequeña función para hacer eso (es optimizable):

/**
 * Searches and finds the parent node for a dom object
 * 
 * @examples: 
 *  getParent(elem, 'div')                  // The first div parent found
 *  getParent(elem, 'div[id]')              // The first div parent with an id found
 *  getParent(elem, 'div[id="toto"]')       // The first div parent with id equals toto found
 *  getParent(elem, 'div[id=^="toto"]')     // The first div parent with id start by toto found
 *  getParent(elem, 'div[id=$="toto"]')      // The first div parent with id end by toto found
 *  getParent(elem, 'div[id=*="toto"]')     // The first div parent with id contains toto found
 *
 * @param domObject elem
 * @param string [target]
 * @return domObject or null
 */
function getParent(elem, target)
{
    if(target == null)
        return elem.parentNode;

    var elem_name = target,
        attr_name = null, attr_value = null, 
        compare_type = null,
        match_val = target.match(/\[.+[^\[\]]\]$/i);

    if(match_val != null) 
    {
        elem_name = elem_name.replace(match_val[0], '');

        var expr = match_val[0].substr(1, match_val[0].length-2),
            tmp = expr.split('=');

        attr_name = tmp[0];
        if(tmp.length == 2) 
        {
            attr_value = tmp[1].toLowerCase();
            attr_value = attr_value.replace(/(\'|\")+/ig, '');

            if(attr_name.match(/\^$/))
                compare_type = 'begin';
            else if(attr_name.match(/\*$/))
                compare_type = 'all';
            else if(attr_name.match(/\$$/))
                compare_type = 'end';
            else
                compare_type = 'simple';

            if(compare_type != 'simple')
                attr_name = attr_name.substr(0, attr_name.length-1);
        }
    }

    var parent = elem.parentNode;

    do 
    {
        if(parent.nodeName.toUpperCase() == elem_name.toUpperCase())
        {
            if(attr_name != null) 
            {
                var attribute = parent.getAttribute(attr_name).toLowerCase();
                if(attribute != null && attribute != '') 
                {
                    if(attr_value == null)
                        return parent;

                    if(compare_type == 'simple' && attribute == attr_value)
                        return parent;
                    if(compare_type == 'begin' && attribute.match(eval('/^'+attr_value+'/ig')))
                        return parent;
                    if(compare_type == 'end' && attribute.match(eval('/'+attr_value+'$/ig')))
                        return parent;
                    if(compare_type == 'all' && attribute.match(eval('/'+attr_value+'/ig')))
                        return parent;
                }
            } else {
                return parent;
            }
        }

        parent = parent.parentNode;
    } 
    while(parent != null);

    return null;
}

1
2017-10-23 07:56