web-dev-qa-db-fra.com

Comment récupérer le texte img alt avec jquery ou javascript?

Quel est le code avec lequel on peut récupérer du texte alternatif d’image:

C'est un catalogue avec des vêtements. Commodes, chemises, jupes e.t.c. en première page d'un site. Les images en vedette des catégories peuvent être modifiées manuellement par quelqu'un. J'ai fait un chèque et il me demande de donner un texte alternatif. Je l'ai fait à quelques images avec alt = "". Mais au catalogue je ne peux pas le faire.

le code est ci-dessous:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script>

  {{ 'option_selection.js' | shopify_asset_url | script_tag }}
  {{ 'api.jquery.js' | shopify_asset_url | script_tag }}

  {% if template contains 'customers' %}
  {{ 'shopify_common.js' | shopify_asset_url | script_tag }}
  {{ 'customer_area.js'  | shopify_asset_url | script_tag }}
  {% endif %}

  {% if settings.display_slideshow %}{{ 'jquery.slider.js' | asset_url | script_tag }}{% endif %}
  {% if settings.include_masonry %}{{ 'jquery.masonry.js' | asset_url | script_tag }}{% endif %}
  {% if settings.enable_product_image_zoom %}{{ 'jquery.zoom.js' | asset_url | script_tag }}{% endif %}
  {{ 'fancy.js' | asset_url | script_tag }}
  {{ 'shop.js' | asset_url | script_tag }}
  <script type="text/javascript">
  Shopify.money_format = '{{ shop.money_format }}';
  </script>
  {% if template contains "product" %}
  <script type="text/javascript">
  jQuery(document).ready(function($){
    {% if product.variants.size > 1 or product.options.size > 1 %}
    new Shopify.OptionSelectors("product-select", { product: {{ product | json }}, onVariantSelected: selectCallback });

    {% assign found_one_in_stock = false %}
    {% for variant in product.variants %}
    {% if variant.available and found_one_in_stock == false %}
    {% assign found_one_in_stock = true %}
    {% for option in product.options %}
    $('#product-select-option-' + {{ forloop.index0 }}).val({{ variant.options[forloop.index0] | json }}).trigger('change');
    {% endfor %}
    {% endif %}
    {% endfor %}

    {% endif %}
  });
  </script>
  <script>
  $(function() {
    $( "#tabs" ).tabs();
  });
  </script>
javascriptjqueryimagestextalternative
1
kate

Il est difficile de comprendre votre code,

Dans jQuery, vous pouvez obtenir l'image alt

jQuery("#image_id").attr('alt');

si vous avez besoin de définir une balise alt, vous pouvez utiliser comme ci-dessous.

jQuery("#image_id").attr('alt','your text');

Si l'image n'a pas d'id ou de classe, vous pouvez également sélectionner une balise img. Dans ce cas, plus d'une img sur la même page, vous devez les boucler comme ci-dessous.

jQuery("img").each(function(){
var alt_var = jQuery(this).attr('alt');
});

espérons que cela aide ..

3
Jobin Jose