這個jQuery選擇器不起作用，我在做什么錯？

Question

我要附加一個onclick事件到a ，但似乎無法與此實現它：

$("[class^=field-promote_image_]").each(function() {
    var a = $(this).find('.file-upload > a');
    a.on('click', function(e){
      e.preventDefault();
      alert(a.attr('href'));
    });
});

也不與此：

$("[class^=field-promote_image_] .file-upload > a").on('click', function(e) {
    e.preventDefault();
    alert($(this).attr('href'));
});

我想念什么？

Answer 1

Use 屬性包含選擇器 。

$('.field-row[class*="field-promote_image_"] .file-upload > a').on('click', , function() {

警告：這將匹配其類包含field-promote_image_所有元素。 例如 anything-field-promote_image_

Answer 2

我假設類field-promote_image_de是動態的，這就是為什么要使用選擇器開頭的屬性的原因，但是它不起作用，因為這不是屬性值的開始。

正確的方法是在該元素上添加一個附加類，例如

<div class="form-row field-promote_image field-promote_image_de">
   ...
</div>

然后只要使用新類

$('.field-promote_image a').click(function(){
    //your handler code
})

Answer 3

您可以使用此：

$(".file-upload > a").on('click', function(e) {
    e.preventDefault();
    alert($(this).attr('href'));
});