jquery - jQuery - 通过其 innerHTML 在字符串中查找标签并为其添加属性

Question

我的 HTML 文件中有以下代码

   <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <!-- ......... -->
        <option>50000</option>
   </selcet>

使用 jQuery 我得到

      var subHTML=$("select").html();

我可以通过subHTML字符串中的innerHTML找到一个选项标签，插入属性“selected”，然后将编辑后的字符串放回选择标签

      $("select").html(editedString);  

编辑

我试过了

  var strel=$(subHtml).find('option:contains("123")').attr('selected','selected');
  $("select").html(strel);       

但它只向选择标签添加了一个选项。

Answer 1

这应该有效。（未测试）。

var to_replace = $("select").find('option:contains("The text i want to find")');
to_replace.attr("selected", "selected");
to_replace.text("The new text");

Answer 2

$('option').filter(function() {
   if(this.innerHTML === '123') {
      $(this).attr('its-me', 1);
      return true;
   }
   return false;
});

编辑，或者只是：

$('option').filter(function() {
   return this.innerHTML === '123';
}).attr('its-me', 1);

Answer 3

jQuery 包含选择器会有所帮助。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

    $(function()
    {
        var searchReplace = $("select").find('option:contains("editme")').attr("selected", "selected").text("foundme");
    });

</script>

<select>
    <option>1</option>
    <option>2</option>
    <option>editme</option>
    <option>3</option>
    <option>50000</option>
</selcet>

Answer 4

这是工作样本：

选择

如果这是您的 HTML：

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

您可以使用 ：

$("select option").each(function(){
if ($(this).text() == "2")
   $(this).attr("selected","selected");
});