Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何添加和重复标题=";“一些文本”;与alt相同;“一些文本”;如果标题已经不存在?_Javascript_Jquery - Fatal编程技术网

Javascript 如何添加和重复标题=";“一些文本”;与alt相同;“一些文本”;如果标题已经不存在?

Javascript 如何添加和重复标题=";“一些文本”;与alt相同;“一些文本”;如果标题已经不存在?,javascript,jquery,Javascript,Jquery,如果标题已经不存在,我想添加并重复title=“some text”与alt=“some text”相同。也可以在FF中显示Alt文本 之前 alt="some text" alt="some text" title="some another text" 之后 alt="some text" title="some text" alt="some text" title="some another text" **我需要* jquery(没有冲突) 或者简单的javascript代码

如果标题已经不存在,我想添加并重复title=“some text”与alt=“some text”相同。也可以在FF中显示Alt文本

之前

alt="some text"

alt="some text" title="some another text"
之后

alt="some text" title="some text"

alt="some text" title="some another text"
**我需要*

jquery(没有冲突)
  • 或者简单的javascript代码**
作为旁注:

ALT属性的内容 不应该是工具提示(即使 IE像这样显示它,它 不应该)。文本应该简短 (根据WCAG,少于100字) 2.0). 文本还应与主要内容相关,以便用户可以 使用它而不是图像和静止图像 获得图像的值。在这种情况下,, 这是一件容易接近的事情 而不是可用性

资料来源:

另一方面,title属性旨在提供有关元素的附加信息

像这样的

$("img[title='']").each(function(){
    $(this).attr('title',$(this).attr('alt'));
  });

有关冲突的
$
变量,请参见以jQuery作为参数的自调用函数

(function($){
    $('img').each(function () {
        var 
            $this = $(this),
            altText  = $this.attr('alt');
        if ($this.attr('title') === '') {
            $this.attr('title', altText);
        }
    });
})(jQuery)

感谢您的文章,虽然我对此非常了解,但出于某种原因,我仍然想使用它是否与原型冲突?即自调用函数,jQuery对象将作为参数传递,因此不会出现冲突(与原型没有冲突)。alt属性应该包含替换图像的信息。title属性应该包含信息来补充元素所表达的信息。如果您希望它们是相同的,那么很有可能其中一个是错误的。好吧,我猜OP只是希望FF中的工具提示效果带有“alt”文本以表示缺少标题。@o.k.w-我的观点是正确的。这意味着alt文本可能是错误的。@David,我也同意你的看法。OP在其中一个答案中承认了一个类似的论点。@David-你是对的,但我已经为客户创建了一个网站,而且我没有使用“标题”,所以鼠标悬停的工具提示在IE中显示ALT文本,但在firefox中没有,所以客户抱怨这一点,他希望在这两个方面都有工具提示。为了节省时间,我用这个
(function($){
    $('img').each(function () {
        var 
            $this = $(this),
            altText  = $this.attr('alt');
        if ($this.attr('title') === '') {
            $this.attr('title', altText);
        }
    });
})(jQuery)