javascript - Jquery/Javascript 使用自定义属性找到最接近的跨度并更改内部 html

Question

使用 JQuery 和/或 Javascript 我将如何执行以下操作 -

我需要找到<span>它有一个等于特定值的自定义属性。然后我需要设置内部 <span>等于一些文本。

示例:在下面的 html 中，我需要找到属性 data-my-custom-attribute == Value1 的范围，并用一些文本填充内部范围。

<span data-my-custom-attribute="Value1" >
    <span>  /**put text here***/  </span>
</span>

<span data-my-custom-attribute="Value2" >
    <span>  /**leave empty***/  </span>
</span>

Answer 1

如果 div 始终是具有该属性的 span 的同级，则可以使用此属性。

$('#MyDiv').nextAll('[data-my-custom-attribute="ValueX"]:first').find('span').text('something');

<小时/>

编辑后

我想你只需要这个:

$('[data-my-custom-attribute="Value1"] span').text('something');