代码之家 › 专栏 › 技术社区 › Kuubs

选择具有已知标题属性的元素

jquery-chosen jquery javascript

-1

Kuubs · 技术社区 · 8 年前

我有一个选择字段和几个图像链接。单击这些图像显示另一个链接。这是完美的。

现在,我有了Javascript中必须单击的图像的alt属性的文本。如何选择正确的选项以单击具有相同alt属性的选项:

这是我的HTML:

<div class="additionalimages">
    <div class="additional-images">
        <div class="row">
            <div class="col">
                <img src="image1.jpg" class="product-image" style="cursor: pointer" data-descr="">
                <a href="image1.jpg" class="product-image image-0" style="display:none;" title="ImageOne"></a>      
            </div>
            <div class="col">
                <img src="image2.jpg" class="product-image" style="cursor: pointer" data-descr="">
                <a href="image1.jpg" class="product-image image-1" style="display:none;" title="ImageTwo"></a>  
            </div>

        </div>
    </div>
</div>

这是我的Javascript,用于获取select的值。例如,我得到了文本“ImageOne”。现在,我想选择标题属性为ImageOne的a元素,以便触发click事件。

$(".vm-chzn-select").chosen().change(function (event) {
  console.log("Select changed");
  var colorText = $(".vm-chzn-select option:selected").text();

  $(".additionalimages").find("a.product-image").attr("title"); 



});

现在,最后一行返回了值,但如何进行比较,以便知道要单击哪个?

2 回复 | 直到 8 年前

Asons Oliver Joseph Ash 8 年前

如果我假设你 colorText 保存选定的文本值 ImageOne ,您应该能够像这样简单地启动 click 锚上的事件与 title 价值

$(".vm-chzn-select").chosen().change(function (event) {
  console.log("Select changed");
  var colorText = $(".vm-chzn-select option:selected").text();

  $(".additionalimages a.product-image[title='" + colorText + "']").click(); 

});

Reinstate Monica Cellio 8 年前

您可以按属性(和变量)选择元素,如下所示。。。

var altValue = "alt-tag-value";
var $img = $("img[alt='" + altValue + "']");

将返回具有指定alt属性值的图像。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前