ajax - 通过JQuery获取父元素的data-属性中的目标元素名称

Question

我有两个元素，一个源和目标（某种链接选择）。我希望在源元素的 data- 属性中获取目标元素的名称。可能吗？以下代码不起作用。

<label>States</label>
  <select class='sparent' data-select-target='child'>
    <option value=''>Select State</option>
    <option value='AZ'>AZ</option>
    <option value='PA'>PA</option>
    <option value='TX'>TX</option>
  </select>
</label>
<div name='child' class='schild'>value</div>

jQuery代码：

$(".sparent").change(function(){
  var id = $(this).val();
  var target = $(this).data("select-target");
  $.get("includes/chainedselect.php", {id:id}, function(data){
     $(target).html(data);
  });      

});

但是，如果我用它替换$(target).html(data);它$("child").html(data);。

谁能帮我解决这个问题？谢谢你的时间。

Answer 1

将您的数据属性重命名data-select-target='child'为：

data-select-target='schild'

$(target).html(data);对此：

$('.' + target).html(data);

然后再试一次。

Answer 2

尝试这个，

$('div[name="'+target+'"]').html(data);

您在选择器中提供了“child”，但您错过了提供它是“id”、“class”还是“tag”。