Javascript 如何使用jQuery从selecthtml元素中选择每个选项元素？

我有一个html选择元素，它包含三个选项html元素作为子元素。 我有以下JQuery代码：

jQuery('[name=element_1] option[value="value_1"]').attr('title', 'Tooltip for value_1'); 
jQuery('[name=element_1] option[value="value_2"]').attr('title', 'Tooltip for value_2');
jQuery('[name=element_1] option[value="value_3"]').attr('title', 'Tooltip for value_3');

我想为selecthtml元素的每个可用选项html元素设置一个title属性。重要的是，每个选项元素都必须具有特定的title属性。上面的代码不会发生任何事情

我以前写过这个jQuery代码，并且设置了标题属性，但是每个选项元素都会获得值_3的标题属性工具提示，这不是目的：

 jQuery('[name=element_1]').val("value_1").attr('title', 'Tooltip for value_1') ; 
 jQuery('[name=element_1]').val("value_2").attr('title', 'Tooltip for value_2') ;
 jQuery('[name=element_1]').val("value_3").attr('title', 'Tooltip for value_3') ;

如何在JQuery中实现这一点

HTML代码：

<select id="element_1" name="element_1">
   <option value="value_1">value_1</option>
   <option value="value_2">value_2</option>
   <option value="value_3">value_3</option>
</select>

试试这个

---

如何使用选项值作为关键点，通过工具提示预设对象，例如：

var tooltips = {
    'value_1': 'Tooltip for value_1',
    'value_2': 'Tooltip for value_2',
    'value_3': 'Tooltip for value_3'
};

$('#element_1 option').each(function() {
    $(this).attr('title', tooltips[$(this).val()]);
});

---

我不知道为什么你的第二个代码片段能起作用。它不能正常工作的原因是您没有选择的每个子元素。要专门针对其子级，需要JQuery的find函数：

jQuery('[name=element_1]').find(jQuery('[value=value_1]').attr('title', 'Tooltip for value_1')); 
jQuery('[name=element_1]').find(jQuery('[value=value_2]').attr('title', 'Tooltip for value_2'));
jQuery('[name=element_1]').find(jQuery('[value=value_3]').attr('title', 'Tooltip for value_3'));

---

这是一个

我们来做个示范吧。。！你能和我们分享你的HTML吗？好的，我的代码示例太简单了。title属性的值在我的应用程序中非常复杂，正如我在论坛中发布的那样。所以你的代码不起作用。我需要为每个可用选项元素提供自己的解决方案！jquery函数第n个子元素是一种很好的方法，但我不知道如何将它与我的选择父元素相结合抱歉，但是这种代码集工具提示针对每个选项元素的值_3！请看我上面的第一个代码示例。这会产生相同的结果。除非您忽略了某些内容，否则没有理由认为这不起作用。您是对的，您的代码片段可以工作！抱歉，这是我的错误我又有一个问题，你能回答我吗，为什么这个jquery选择器不工作：var jQuerySelektor='[name=+nameselectionElement+]option'；jQueryjQuerySelektor.eachfunction{$this.attr'title'，tooltiplist[$this.val]；}；非常感谢！！！没有理由使用两次换行引号。var jQuerySelektor=[name=+nameselectionelement+]选项；我从选择器中删除了单引号。

jQuery('[name=element_1]').find(jQuery('[value=value_1]').attr('title', 'Tooltip for value_1')); 
jQuery('[name=element_1]').find(jQuery('[value=value_2]').attr('title', 'Tooltip for value_2'));
jQuery('[name=element_1]').find(jQuery('[value=value_3]').attr('title', 'Tooltip for value_3'));